:root{--assessment-blue:#1768c4;--assessment-blue-dark:#0e4f9a;--assessment-ink:#172033;--assessment-muted:#667085;--assessment-line:#e3e8ef;--assessment-bg:#f5f7fa;--assessment-success:#167a4b;--assessment-warning:#a15c08}
*{box-sizing:border-box}.assessment-page{margin:0;background:var(--assessment-bg);color:var(--assessment-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:0}.assessment-header{height:64px;background:#fff;border-bottom:1px solid var(--assessment-line);display:flex;align-items:center}.assessment-header__inner{width:min(1120px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.assessment-brand{font-size:19px;font-weight:700;color:var(--assessment-ink);text-decoration:none}.assessment-nav{display:flex;gap:18px}.assessment-nav a{color:var(--assessment-muted);text-decoration:none}.assessment-nav a:hover{color:var(--assessment-blue)}.assessment-main{width:min(960px,calc(100% - 32px));margin:28px auto 64px}.assessment-main--narrow{max-width:720px}.assessment-title{font-size:28px;line-height:1.35;margin:0 0 10px}.assessment-subtitle{font-size:15px;line-height:1.75;color:var(--assessment-muted);margin:0}.assessment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.assessment-card{background:#fff;border:1px solid var(--assessment-line);border-radius:7px;padding:20px;display:flex;flex-direction:column;min-height:210px}.assessment-card h2{font-size:19px;line-height:1.45;margin:0 0 8px}.assessment-card p{color:var(--assessment-muted);line-height:1.7;flex:1}.assessment-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--assessment-muted);font-size:13px;margin:10px 0 16px}.assessment-badge{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border-radius:4px;background:#edf5ff;color:var(--assessment-blue-dark);font-size:12px}.assessment-btn{appearance:none;border:1px solid transparent;border-radius:6px;min-height:44px;padding:10px 18px;background:var(--assessment-blue);color:#fff;text-decoration:none;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.assessment-btn:hover{background:var(--assessment-blue-dark);color:#fff}.assessment-btn:disabled{opacity:.55;cursor:not-allowed}.assessment-btn--secondary{background:#fff;color:var(--assessment-blue);border-color:#a9c8ec}.assessment-btn--secondary:hover{background:#edf5ff;color:var(--assessment-blue-dark)}.assessment-actions{display:flex;gap:10px;flex-wrap:wrap}.assessment-panel{background:#fff;border:1px solid var(--assessment-line);border-radius:7px;padding:24px;margin-top:18px}.assessment-panel h2{font-size:18px;margin:0 0 14px}.assessment-notice{border-left:4px solid var(--assessment-blue);background:#f1f7ff;padding:13px 15px;line-height:1.65;color:#38506d;margin:18px 0}.assessment-consent{display:flex;gap:10px;align-items:flex-start;margin:18px 0;line-height:1.55}.assessment-consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--assessment-blue)}.assessment-progress{height:8px;background:#e7edf4;border-radius:4px;overflow:hidden}.assessment-progress__bar{height:100%;background:var(--assessment-blue);transition:width .2s ease}.assessment-progress-meta{display:flex;justify-content:space-between;color:var(--assessment-muted);font-size:13px;margin:8px 0 24px}.assessment-question{min-height:360px}.assessment-question h1{font-size:23px;line-height:1.55;margin:0 0 8px}.assessment-question__desc{color:var(--assessment-muted);line-height:1.65;margin:0 0 18px}.assessment-options{display:grid;gap:10px;margin-top:18px}.assessment-option{border:1px solid var(--assessment-line);border-radius:6px;padding:14px 16px;display:flex;align-items:center;gap:11px;cursor:pointer;background:#fff;min-height:52px}.assessment-option:hover,.assessment-option.is-selected{border-color:var(--assessment-blue);background:#f3f8ff}.assessment-option input{width:18px;height:18px;accent-color:var(--assessment-blue)}.assessment-input{width:100%;border:1px solid #cfd7e2;border-radius:6px;padding:12px 14px;min-height:46px;font-size:16px}.assessment-textarea{min-height:130px;resize:vertical}.assessment-footer-actions{position:sticky;bottom:0;background:rgba(245,247,250,.96);border-top:1px solid var(--assessment-line);padding:12px 0;display:flex;justify-content:space-between;gap:12px}.assessment-save-state{font-size:13px;color:var(--assessment-muted);text-align:center;min-height:20px}.assessment-score{display:flex;align-items:baseline;gap:8px}.assessment-score strong{font-size:52px;color:var(--assessment-blue);line-height:1}.assessment-score span{color:var(--assessment-muted)}.assessment-dimensions{display:grid;gap:14px}.assessment-dimension__head{display:flex;justify-content:space-between;margin-bottom:6px}.assessment-dimension__track{height:9px;background:#e7edf4;border-radius:5px;overflow:hidden}.assessment-dimension__fill{height:100%;background:var(--assessment-blue)}.assessment-tag-list{display:flex;gap:8px;flex-wrap:wrap}.assessment-tag{padding:6px 9px;border:1px solid #c9d8e9;border-radius:5px;color:#345270;background:#f8fbff}.assessment-recommendations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.assessment-recommendation{border-top:1px solid var(--assessment-line);padding:14px 0}.assessment-recommendation a{color:var(--assessment-blue);font-weight:600;text-decoration:none}.assessment-history{width:100%;border-collapse:collapse;background:#fff;margin-top:18px}.assessment-history th,.assessment-history td{text-align:left;padding:13px;border-bottom:1px solid var(--assessment-line)}.assessment-empty{text-align:center;padding:64px 20px;color:var(--assessment-muted)}.assessment-lock{text-align:center;padding:28px}.assessment-footer{padding:26px 16px;text-align:center;color:var(--assessment-muted);font-size:13px;border-top:1px solid var(--assessment-line);background:#fff}
@media(max-width:700px){.assessment-header{height:56px}.assessment-header__inner,.assessment-main{width:min(100% - 24px,960px)}.assessment-nav{gap:12px;font-size:14px}.assessment-title{font-size:23px}.assessment-list,.assessment-recommendations{grid-template-columns:1fr}.assessment-card{min-height:0}.assessment-panel{padding:18px}.assessment-question{min-height:330px}.assessment-question h1{font-size:20px}.assessment-footer-actions .assessment-btn{flex:1}.assessment-history thead{display:none}.assessment-history,.assessment-history tbody,.assessment-history tr,.assessment-history td{display:block}.assessment-history tr{border-bottom:8px solid var(--assessment-bg);padding:8px 0}.assessment-history td{border:0;padding:6px 14px}.assessment-score strong{font-size:44px}}



/* Production assessment polish 2026-10-11 */
.assessment-page{background:linear-gradient(180deg,#f2f7ff 0,#f8fbff 48%,#f5f7fb 100%);color:#172033}.assessment-header{height:72px;border-bottom:1px solid rgba(37,99,235,.08);box-shadow:0 10px 28px rgba(30,64,175,.05);position:sticky;top:0;z-index:20}.assessment-header__inner{width:min(1280px,calc(100% - 48px))}.assessment-brand{font-size:22px;color:#0f172a}.assessment-nav a{font-size:16px;padding:8px 2px}.assessment-main{width:min(1120px,calc(100% - 48px));margin:34px auto 72px}.assessment-main--wide{width:min(1280px,calc(100% - 56px))}.assessment-hero{position:relative;overflow:hidden;border-radius:28px;padding:42px 44px;background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.28),transparent 30%),linear-gradient(135deg,#1d4ed8 0,#2563eb 45%,#7c3aed 100%);box-shadow:0 24px 60px rgba(37,99,235,.22);color:#fff}.assessment-hero:after{content:"";position:absolute;right:-72px;bottom:-86px;width:290px;height:290px;border-radius:50%;background:rgba(255,255,255,.12)}.assessment-hero__content{position:relative;z-index:1;max-width:760px}.assessment-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.16);font-size:14px;color:#eaf2ff}.assessment-hero__eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:#5eead4;box-shadow:0 0 0 6px rgba(94,234,212,.18)}.assessment-hero h1{font-size:38px;line-height:1.22;margin:0 0 12px;color:#fff}.assessment-hero p{font-size:17px;line-height:1.9;color:rgba(255,255,255,.9);margin:0}.assessment-hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.assessment-hero__btn{display:inline-flex;align-items:center;justify-content:center;min-width:140px;height:46px;padding:0 22px;border-radius:999px;background:#fff;color:#1d4ed8;text-decoration:none;font-weight:800;box-shadow:0 10px 24px rgba(15,23,42,.14)}.assessment-hero__btn--ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:none}.assessment-hero__stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:560px;margin-top:30px}.assessment-hero__stat{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18)}.assessment-hero__stat strong{display:block;font-size:24px}.assessment-hero__stat span{display:block;margin-top:6px;font-size:13px;color:rgba(255,255,255,.8)}.assessment-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:30px 0 18px}.assessment-section-head h2{margin:0;font-size:24px;color:#172033}.assessment-section-head p{margin:8px 0 0;color:#667085;line-height:1.7}.assessment-section-note{color:#2563eb;font-weight:700;white-space:nowrap}.assessment-list{gap:20px}.assessment-list--enhanced{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.assessment-card{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.22);border-radius:22px;padding:24px 26px;min-height:250px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.assessment-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:6px;background:linear-gradient(90deg,var(--card-a,#2563eb),var(--card-b,#7c3aed))}.assessment-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(15,23,42,.13);border-color:rgba(37,99,235,.28)}.assessment-list--enhanced .assessment-card:nth-child(6n+1){--card-a:#2563eb;--card-b:#06b6d4}.assessment-list--enhanced .assessment-card:nth-child(6n+2){--card-a:#7c3aed;--card-b:#ec4899}.assessment-list--enhanced .assessment-card:nth-child(6n+3){--card-a:#059669;--card-b:#22c55e}.assessment-list--enhanced .assessment-card:nth-child(6n+4){--card-a:#f97316;--card-b:#facc15}.assessment-list--enhanced .assessment-card:nth-child(6n+5){--card-a:#0f766e;--card-b:#14b8a6}.assessment-list--enhanced .assessment-card:nth-child(6n){--card-a:#dc2626;--card-b:#fb7185}.assessment-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.assessment-card__icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--card-a,#2563eb),var(--card-b,#7c3aed));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:22px;box-shadow:0 10px 22px rgba(37,99,235,.18)}.assessment-card h2{font-size:22px;line-height:1.42;margin:0 0 10px;color:#111827;font-weight:800}.assessment-card p{font-size:15px;color:#5b6b84;line-height:1.85;margin:0;min-height:56px}.assessment-badge{border-radius:999px;background:rgba(37,99,235,.08);color:#2563eb;font-weight:800;padding:5px 11px}.assessment-meta span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f4f7fb;color:#64748b}.assessment-btn{border:0;border-radius:14px;min-height:48px;background:linear-gradient(135deg,var(--card-a,#2563eb),var(--card-b,#7c3aed));box-shadow:0 12px 24px rgba(37,99,235,.18);font-weight:800}.assessment-btn:hover{filter:brightness(1.03);transform:translateY(-1px)}@media(max-width:900px){.assessment-header__inner,.assessment-main,.assessment-main--wide{width:min(100% - 28px,960px)}.assessment-hero{padding:30px 24px;border-radius:22px}.assessment-hero h1{font-size:30px}.assessment-hero__stats,.assessment-list--enhanced{grid-template-columns:1fr}.assessment-section-head{display:block}.assessment-section-note{display:block;margin-top:10px}.assessment-card{padding:22px}.assessment-card p{min-height:0}}

/* Production assessment nav fix 2026-10-11 */
.assessment-header{backdrop-filter:saturate(160%) blur(10px);background:rgba(255,255,255,.94)}
.assessment-nav{align-items:center;gap:10px}
.assessment-nav a,.assessment-nav__link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px!important;border-radius:999px;color:#64748b!important;font-weight:800;text-decoration:none;transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.assessment-nav a:hover,.assessment-nav__link:hover{color:#2563eb!important;background:#eff6ff;transform:translateY(-1px)}
.assessment-nav a.is-active,.assessment-nav__link.is-active{color:#fff!important;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 10px 24px rgba(37,99,235,.22)}
.assessment-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.assessment-brand:before{content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#2dd4bf,#2563eb);box-shadow:0 0 0 6px rgba(37,99,235,.08)}
@media(max-width:700px){.assessment-header{height:auto;padding:10px 0}.assessment-header__inner{flex-direction:column;align-items:flex-start;gap:10px}.assessment-nav{width:100%;gap:8px;overflow:auto;padding-bottom:2px}.assessment-nav a,.assessment-nav__link{flex:0 0 auto;min-height:34px;padding:0 12px!important;font-size:14px}}

/* Production assessment full PC nav 2026-10-11 */
.assessment-header{height:auto;min-height:72px;padding:10px 0}
.assessment-header__inner{width:min(1360px,calc(100% - 48px));align-items:center}
.assessment-nav{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.assessment-nav a,.assessment-nav__link{min-height:36px;padding:0 13px!important;font-size:15px;white-space:nowrap}
@media(max-width:1180px){.assessment-header__inner{flex-direction:column;align-items:flex-start;gap:12px}.assessment-nav{width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin}.assessment-nav a,.assessment-nav__link{flex:0 0 auto}}
@media(max-width:700px){.assessment-header{padding:10px 0}.assessment-header__inner{width:min(100% - 24px,960px)}}