王天骄
2 lines
10 KiB
CSS
2 lines
10 KiB
CSS
uni-page-body[data-v-adfbf634]{min-height:100%;background:#f9f9ff}body[data-v-adfbf634]{background:#f9f9ff}.assessment-page[data-v-adfbf634]{position:relative;width:390px;max-width:100vw;min-height:100vh;margin:0 auto;overflow:hidden;background:#f9f9ff;color:#191c21;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif;-webkit-tap-highlight-color:transparent}.assessment-page uni-view[data-v-adfbf634],.assessment-page uni-text[data-v-adfbf634],.assessment-page uni-button[data-v-adfbf634],.assessment-page uni-scroll-view[data-v-adfbf634]{box-sizing:border-box}.assessment-page[data-v-adfbf634] ::-webkit-scrollbar{width:0;height:0;background:transparent}.top-app-bar[data-v-adfbf634]{position:fixed;left:50%;top:0;z-index:50;width:390px;max-width:100vw;height:56px;padding:0 16px;border-bottom:1px solid rgba(194,198,212,.3);background:rgba(249,249,255,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;transform:translate(-50%)}.app-title[data-v-adfbf634]{position:absolute;left:50%;top:50%;margin-left:0;transform:translate(-50%,-50%);color:#191c21;font-size:20px;line-height:28px;font-weight:700;letter-spacing:0}.icon-button[data-v-adfbf634],.read-button[data-v-adfbf634],.download-button[data-v-adfbf634],.next-button[data-v-adfbf634]{padding:0;border:0;background:transparent}.icon-button[data-v-adfbf634]:after,.read-button[data-v-adfbf634]:after,.download-button[data-v-adfbf634]:after,.next-button[data-v-adfbf634]:after{border:0}.icon-button[data-v-adfbf634]{position:absolute;left:16px;top:8px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-button[data-v-adfbf634]:active{background:rgba(225,226,234,.5)}.back-icon[data-v-adfbf634],.hub-icon[data-v-adfbf634],.analytics-icon[data-v-adfbf634],.arrow-forward-icon[data-v-adfbf634]{background:#424752;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}.back-icon[data-v-adfbf634]{width:24px;height:24px;background:#191c21;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.42-1.41L7.83%2013H20v-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.42-1.41L7.83%2013H20v-2z'/%3E%3C/svg%3E")}.report-content[data-v-adfbf634]{width:100%;height:calc(100vh - 145px);margin-top:56px;padding:24px 16px;position:relative;z-index:0}.report-head[data-v-adfbf634]{padding:0 0 24px;display:flex;flex-direction:column;gap:8px}.report-title[data-v-adfbf634]{color:#00478d;font-size:24px;line-height:32px;font-weight:700;letter-spacing:0}.report-meta[data-v-adfbf634]{display:flex;flex-direction:column;gap:2px;color:rgba(66,71,82,.8);font-size:14px;line-height:20px}.content-stack[data-v-adfbf634]{display:flex;flex-direction:column;gap:16px}.overall-card[data-v-adfbf634],.report-card[data-v-adfbf634],.mentor-section[data-v-adfbf634]{border:1px solid rgba(194,198,212,.3);border-radius:8px;background:#fff;box-shadow:0 1px 4px rgba(25,28,33,.04)}.overall-card[data-v-adfbf634]{padding:20px;display:flex;align-items:center;gap:16px}.score-ring[data-v-adfbf634]{position:relative;width:80px;height:80px;flex:0 0 auto}.ring-svg[data-v-adfbf634]{width:100%;height:100%;transform:rotate(-90deg);transform-origin:50% 50%}.ring-track[data-v-adfbf634]{stroke:#e7e8f0}.ring-value[data-v-adfbf634]{stroke:#00478d;transition:stroke-dashoffset .8s ease}.score-center[data-v-adfbf634]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-value[data-v-adfbf634]{color:#00478d;font-size:20px;line-height:22px;font-weight:700}.score-total[data-v-adfbf634]{color:#424752;font-size:10px;line-height:12px;font-weight:500}.overall-copy[data-v-adfbf634]{flex:1;display:flex;flex-direction:column;gap:6px}.overall-title[data-v-adfbf634]{color:#191c21;font-size:14px;line-height:20px;font-weight:600}.primary-text[data-v-adfbf634]{color:#00478d;font-weight:700}.overall-desc[data-v-adfbf634]{color:#424752;font-size:13px;line-height:18px}.report-card[data-v-adfbf634]{padding:20px}.section-heading[data-v-adfbf634]{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#00478d;font-size:14px;line-height:20px;font-weight:700}.breakdown-title[data-v-adfbf634]{margin-bottom:24px}.hub-icon[data-v-adfbf634],.analytics-icon[data-v-adfbf634]{width:18px;height:18px;background:#00478d}.hub-icon[data-v-adfbf634]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%202a3%203%200%200%201%202%205.24V9h3a3%203%200%201%201-2.83%204H14v3.76A3%203%200%201%201%2012%2016a2.9%202.9%200%200%201%201%20.18V13H9.83A3%203%200%201%201%2010%2011H13V7.24A3%203%200%200%201%2012%202z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%202a3%203%200%200%201%202%205.24V9h3a3%203%200%201%201-2.83%204H14v3.76A3%203%200%201%201%2012%2016a2.9%202.9%200%200%201%201%20.18V13H9.83A3%203%200%201%201%2010%2011H13V7.24A3%203%200%200%201%2012%202z'/%3E%3C/svg%3E")}.analytics-icon[data-v-adfbf634]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M3%203h2v18H3V3zm16%207h2v11h-2V10zM8%2013h2v8H8v-8zm5-6h2v14h-2V7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M3%203h2v18H3V3zm16%207h2v11h-2V10zM8%2013h2v8H8v-8zm5-6h2v14h-2V7z'/%3E%3C/svg%3E")}.radar-wrap[data-v-adfbf634]{display:flex;justify-content:center;padding:8px 0}.radar-svg[data-v-adfbf634]{width:100%;max-width:240px;aspect-ratio:1}.radar-grid[data-v-adfbf634]{stroke:#e2e8f0;stroke-width:1;fill:none}.radar-area[data-v-adfbf634]{fill:rgba(0,71,141,.15);stroke:#00478d;stroke-width:2}.radar-label[data-v-adfbf634]{fill:#424752;font-size:16px;font-weight:500;letter-spacing:0}.breakdown-list[data-v-adfbf634]{display:flex;flex-direction:column;gap:24px}.breakdown-item[data-v-adfbf634]{display:flex;flex-direction:column;gap:8px}.breakdown-head[data-v-adfbf634]{display:flex;align-items:center;justify-content:space-between;color:#191c21;font-size:12px;line-height:16px;font-weight:600}.breakdown-score[data-v-adfbf634]{color:#00478d;font-weight:700}.progress-track[data-v-adfbf634]{width:100%;height:6px;border-radius:999px;background:#e7e8f0;overflow:hidden}.progress-fill[data-v-adfbf634]{height:100%;border-radius:999px;background:#00478d;transition:width 1s cubic-bezier(.4,0,.2,1)}.analysis-box[data-v-adfbf634]{padding:12px;border:1px solid rgba(225,226,234,.35);border-radius:8px;background:rgba(242,243,251,.5);color:#424752;font-size:13px;line-height:20px}.mentor-section[data-v-adfbf634]{margin-bottom:16px;padding:20px;border-color:rgba(0,71,141,.1);background:rgba(0,94,184,.06)}.mentor-head[data-v-adfbf634]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.mentor-avatar[data-v-adfbf634]{width:48px;height:48px;border:1px solid #ffffff;border-radius:50%;box-shadow:0 1px 4px rgba(25,28,33,.12)}.mentor-title-group[data-v-adfbf634]{display:flex;flex-direction:column;gap:2px}.mentor-title[data-v-adfbf634]{color:#00478d;font-size:14px;line-height:20px;font-weight:700}.mentor-subtitle[data-v-adfbf634]{color:rgba(66,71,82,.7);font-size:10px;line-height:14px;font-weight:500;letter-spacing:0}.mentor-bubble[data-v-adfbf634]{position:relative;padding:16px;border:1px solid rgba(0,71,141,.05);border-radius:8px;background:#fff;box-shadow:0 1px 4px rgba(25,28,33,.04)}.mentor-tail[data-v-adfbf634]{position:absolute;left:24px;top:-7px;width:12px;height:12px;border-left:1px solid rgba(0,71,141,.05);border-top:1px solid rgba(0,71,141,.05);background:#fff;transform:rotate(45deg)}.mentor-copy[data-v-adfbf634]{color:#191c21;font-size:14px;line-height:22px;font-style:italic}.mentor-action-row[data-v-adfbf634]{margin-top:16px;width:100%;display:flex;justify-content:flex-end}.read-button[data-v-adfbf634]{width:-moz-fit-content;width:fit-content;min-height:32px;margin:0 0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:4px;color:#00478d;font-size:14px;line-height:20px;font-weight:600}.read-button[data-v-adfbf634]:active{transform:scale(.95)}.arrow-forward-icon[data-v-adfbf634]{width:18px;height:18px;background:#00478d;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%204l1.41%201.41L8.83%2010H20v2H8.83l4.58%204.59L12%2018l-7-7%207-7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12%204l1.41%201.41L8.83%2010H20v2H8.83l4.58%204.59L12%2018l-7-7%207-7z'/%3E%3C/svg%3E");transform:rotate(180deg)}.footer-actions[data-v-adfbf634]{position:fixed;left:50%;bottom:0;z-index:80;width:390px;max-width:100vw;padding:16px;border-top:1px solid rgba(194,198,212,.3);background:rgba(249,249,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;gap:12px;transform:translate(-50%)}.download-button[data-v-adfbf634],.next-button[data-v-adfbf634]{flex:1;min-height:48px;padding:0 10px;border-radius:8px;font-size:14px;line-height:20px;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center}.download-button[data-v-adfbf634]{border:1px solid #00478d;background:transparent;color:#00478d}.next-button[data-v-adfbf634]{background:#00478d;box-shadow:0 2px 8px rgba(0,71,141,.2);color:#fff}.download-button[data-v-adfbf634]:active,.next-button[data-v-adfbf634]:active{transform:scale(.98)}.toast[data-v-adfbf634]{position:fixed;left:50%;bottom:92px;z-index:100;max-width:320px;padding:12px 20px;border-radius:12px;background:#2e3037;color:#eff0f8;font-size:14px;line-height:20px;font-weight:600;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,16px);transition:opacity .3s ease,transform .3s ease}.toast.visible[data-v-adfbf634]{opacity:1;transform:translate(-50%)}@media (min-width: 768px){.assessment-page[data-v-adfbf634]{box-shadow:0 24px 64px rgba(25,28,33,.18)}}
|