:root{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 236, 242, 255;--art-bg-secondary: 232, 247, 255;--art-bg-success: 230, 255, 250;--art-bg-error: 253, 237, 232;--art-bg-info: 240, 242, 247;--art-bg-warning: 254, 245, 229;--art-bg-danger: 253, 237, 232;--art-hoverColor: 246, 249, 252;--art-grey100: 242, 246, 250;--art-grey200: 234, 239, 244;--art-color: #ffffff;--art-light: #f9f9f9;--art-dark: #1e2129;--art-gray-100: #f9f9f9;--art-gray-100-rgb: 249, 249, 249;--art-gray-200: #f1f1f4;--art-gray-200-rgb: 241, 241, 244;--art-gray-300: #dbdfe9;--art-gray-300-rgb: 219, 223, 233;--art-gray-400: #b0b6cc;--art-gray-400-rgb: 176, 182, 204;--art-gray-500: #8891a8;--art-gray-500-rgb: 136, 145, 168;--art-gray-600: #6b7590;--art-gray-600-rgb: 107, 117, 144;--art-gray-700: #4b5675;--art-gray-700-rgb: 75, 86, 117;--art-gray-800: #252f4a;--art-gray-800-rgb: 37, 47, 74;--art-gray-900: #071437;--art-gray-900-rgb: 7, 20, 55;--art-text-muted: #8891a8;--art-text-gray-100: #f9f9f9;--art-text-gray-200: #f1f1f4;--art-text-gray-300: #dbdfe9;--art-text-gray-400: #b0b6cc;--art-text-gray-500: #8891a8;--art-text-gray-600: #6b7590;--art-text-gray-700: #4b5675;--art-text-gray-800: #252f4a;--art-text-gray-900: #071437;--art-border-color: #eaebf1;--art-border-dashed-color: #dbdfe9;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .03);--art-root-card-border-color: #f1f1f4;--art-bg-color: #fafbfc;--art-main-bg-color: #ffffff}html.dark{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 37, 54, 98;--art-bg-secondary: 28, 69, 93;--art-bg-success: 27, 60, 72;--art-bg-error: 75, 49, 61;--art-bg-info: 45, 50, 62;--art-bg-warning: 77, 58, 42;--art-bg-danger: 100, 49, 61;--art-hoverColor: 51, 63, 85;--art-grey100: 51, 63, 85;--art-grey200: 70, 86, 112;--art-color: #000000;--art-light: #1b1c22;--art-dark: #272a34;--art-gray-100: #1b1c22;--art-gray-100-rgb: 27, 28, 34;--art-gray-200: #26272f;--art-gray-200-rgb: 38, 39, 47;--art-gray-300: #363843;--art-gray-300-rgb: 54, 56, 67;--art-gray-400: #545662;--art-gray-400-rgb: 84, 86, 98;--art-gray-500: #7a7c88;--art-gray-500-rgb: 122, 124, 136;--art-gray-600: #9a9cae;--art-gray-600-rgb: 154, 156, 174;--art-gray-700: #b5b7c8;--art-gray-700-rgb: 181, 183, 200;--art-gray-800: #d0d2e0;--art-gray-800-rgb: 208, 210, 224;--art-gray-900: #f5f5f5;--art-gray-900-rgb: 245, 245, 245;--art-text-muted: #8b8d9a;--art-text-gray-100: #1b1c22;--art-text-gray-200: #26272f;--art-text-gray-300: #363843;--art-text-gray-400: #545662;--art-text-gray-500: #7a7c88;--art-text-gray-600: #9a9cae;--art-text-gray-700: #b5b7c8;--art-text-gray-800: #d0d2e0;--art-text-gray-900: #f5f5f5;--art-border-color: #363843;--art-border-dashed-color: #464852;--art-root-card-border-color: #2a2b35;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: none;--art-root-card-border-color: #1e2027;--art-bg-color: #070707;--art-main-bg-color: #161618}:root{--art-card-border: rgba(var(--art-gray-300-rgb), .6);--art-card-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .04)}.bg-primary{background-color:rgb(var(--art-bg-primary))!important;color:rgb(var(--art-primary))!important}.bg-secondary{background-color:rgb(var(--art-bg-secondary))!important;color:rgb(var(--art-secondary))!important;border:1px solid var(--art-secondary)}.bg-warning{background-color:rgb(var(--art-bg-warning))!important;color:rgb(var(--art-warning))!important}.bg-error{background-color:rgb(var(--art-bg-error))!important;color:rgb(var(--art-error))!important}.bg-success{background-color:rgb(var(--art-bg-success))!important;color:rgb(var(--art-success))!important}.bg-info{background-color:rgb(var(--art-bg-info))!important;color:rgb(var(--art-info))!important}.bg-danger{background-color:rgb(var(--art-bg-danger))!important;color:rgb(var(--art-danger))!important}.bg-grey100{background-color:rgb(var(--art-grey100))!important}.bg-grey200{background-color:rgb(var(--art-grey200))!important}.bg-hoverColor{background-color:rgb(var(--art-hoverColor))!important}.text-primary{color:rgb(var(--art-primary))!important}.text-secondary{color:rgb(var(--art-secondary))!important}.text-error{color:rgb(var(--art-error))!important}.text-danger{color:rgb(var(--art-danger))!important}.text-info{color:rgb(var(--art-info))!important}.text-success{color:rgb(var(--art-success))!important}.text-warning{color:rgb(var(--art-warning))!important}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#fff5f7,#ffe8f0);color:#e92063}.loading-container .el-icon{margin-bottom:16px}.loading-container p{font-size:16px;color:#666}.rpi-report-page{min-height:100vh;background:#f5f5f5;position:relative;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.rpi-banner{background:linear-gradient(135deg,#e92063,#ec4899);padding:20px 16px;text-align:center;margin-bottom:0;box-shadow:0 4px 12px rgba(233,32,99,.15)}.rpi-banner .banner-content{display:flex;align-items:center;justify-content:center;gap:12px}.rpi-banner .banner-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.rpi-banner .banner-title{font-size:20px;font-weight:700;color:#fff;margin:0;letter-spacing:.5px}.report-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:48px 32px 96px}.report-section{margin-bottom:48px}.report-section:last-child{margin-bottom:0}.report-section .container{max-width:100%;margin:0 auto}.report-section .section-title{font-size:26px;font-weight:800;color:#111827;margin-bottom:32px;padding-bottom:16px;position:relative;display:flex;align-items:center;gap:12px;letter-spacing:-.5px;border-bottom:none}.report-section .section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:4px;background:#e92063;border-radius:2px}.report-section .section-title .title-icon{color:#e92063;background:rgba(233,32,99,.1);padding:8px;border-radius:12px;width:44px;height:44px}.hero-section{margin-bottom:48px}.hero-section .hero-card{background:linear-gradient(180deg,#fff,#fff0f5);border-radius:32px;padding:64px 48px;box-shadow:0 20px 40px rgba(233,32,99,.06),0 1px 3px rgba(0,0,0,.02);position:relative;text-align:center;border:1px solid rgba(233,32,99,.05)}.hero-section .hero-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:rgba(233,32,99,.08);border-radius:50%;margin-bottom:20px}.hero-section .hero-icon-wrapper.heart-beat{animation:heartBeat-bc42b0b3 1.5s ease-in-out infinite}.hero-section .hero-icon-wrapper .hero-icon{color:#e92063}@keyframes heartBeat-bc42b0b3{0%{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%{transform:scale(1)}to{transform:scale(1)}}.hero-section .main-title{font-size:28px;font-weight:700;color:#2d1f24;margin:0 0 8px;text-align:center;letter-spacing:.5px}.hero-section .subtitle{font-size:14px;color:rgba(0,0,0,.45);text-transform:uppercase;letter-spacing:1px;margin:0 0 24px}.hero-section .rpi-score{font-size:88px;font-weight:800;background:linear-gradient(135deg,#e92063,#d81b5b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin:0 0 24px;filter:drop-shadow(0 4px 12px rgba(233,32,99,.2))}.hero-section .rpi-score.score-animate{animation:scorePopIn-bc42b0b3 .6s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes scorePopIn-bc42b0b3{0%{opacity:0;transform:scale(.5) translateY(20px)}60%{opacity:1;transform:scale(1.1) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.hero-section .rpi-level{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.hero-section .rpi-level .level-badge{display:inline-block;padding:6px 20px;background:#fff;border-radius:999px;font-size:16px;font-weight:700;border:2px solid currentColor;box-shadow:0 2px 8px rgba(0,0,0,.05)}.hero-section .rpi-level .level-text{font-size:16px;font-weight:500;opacity:.8}.hero-section .rpi-summary{font-size:16px;color:rgba(0,0,0,.65);line-height:2;margin-bottom:40px;letter-spacing:.03em;max-width:800px;margin-left:auto;margin-right:auto}.hero-section .rpi-summary strong{color:#e92063;font-weight:600}.hero-section .scale-bar-wrapper{margin:40px 0;position:relative}.hero-section .scale-bar{width:100%;height:6px;background:linear-gradient(to right,#10b981,#10b981 20%,#34d399 20%,#fcd34d 40%,#f59e0b,#fb923c,#f97316,#ef4444,#dc2626,#e92063);border-radius:999px;margin-bottom:12px}.hero-section .scale-labels{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:rgba(0,0,0,.45)}.hero-section .scale-labels span{font-weight:400}.hero-section .interpretation-box{background:rgba(233,32,99,.03);border-radius:24px;padding:32px;margin:32px 0;text-align:left;border:1px solid rgba(233,32,99,.08)}.hero-section .box-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.hero-section .box-header .box-icon{color:#e92063}.hero-section .box-header h3{font-size:20px;font-weight:700;color:#2d1f24;margin:0;letter-spacing:.3px}.hero-section .box-content p{font-size:15px;color:rgba(0,0,0,.65);line-height:1.9;margin-bottom:18px;letter-spacing:.02em}.hero-section .box-content p:last-child{margin-bottom:0}.hero-section .box-content p strong{color:#e92063;font-weight:600}.hero-section .key-findings{margin-top:28px;background:#fff;border-radius:20px;padding:28px;box-shadow:0 4px 12px rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.02)}.hero-section .key-findings h4{font-size:18px;font-weight:700;margin-bottom:16px;color:#2d1f24;display:flex;align-items:center;gap:8px}.hero-section .key-findings h4 .el-icon{color:#e92063}.hero-section .findings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.hero-section .finding-item{display:flex;align-items:center;gap:12px}.hero-section .finding-item .finding-icon{color:#e92063;flex-shrink:0}.hero-section .finding-item .finding-text{font-size:15px;color:rgba(0,0,0,.65)}.hero-section .finding-item .finding-text strong{color:#2d1f24;font-weight:600}.hero-section .suggestions-box{background:linear-gradient(135deg,#fff,#fff5f7);border:1px solid rgba(233,32,99,.15);border-radius:24px;padding:40px;text-align:left;margin-top:32px;box-shadow:0 10px 30px rgba(233,32,99,.05)}.hero-section .suggestions-box h4{font-size:20px;font-weight:700;margin-bottom:20px;color:#2d1f24;display:flex;align-items:center;gap:8px}.hero-section .suggestions-box h4 .el-icon{color:#e92063}.hero-section .suggestions-box .suggestions-list{list-style:none;padding:0;margin:0}.hero-section .suggestions-box .suggestions-list li{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;font-size:15px;color:rgba(0,0,0,.65);line-height:2;letter-spacing:.02em}.hero-section .suggestions-box .suggestions-list li:last-child{margin-bottom:0}.hero-section .suggestions-box .suggestions-list .check-icon{color:#10b981;font-weight:700;font-size:18px;flex-shrink:0;line-height:1;padding-top:3px}.hero-section .heart-decoration{font-size:48px;text-align:center;margin-top:32px;opacity:.2}.dimensions-section{background:transparent}.dimensions-section .dimensions-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 768px){.dimensions-section .dimensions-cards{grid-template-columns:1fr}}.dimensions-section .dimension-card{background:#fff;border-radius:24px;padding:32px;border:1px solid rgba(0,0,0,.04);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px rgba(0,0,0,.02),0 2px 4px -1px rgba(0,0,0,.02)}.dimensions-section .dimension-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.05),0 10px 10px -5px rgba(0,0,0,.01);border-color:rgba(233,32,99,.2)}.dimensions-section .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dimensions-section .dimension-title{display:flex;align-items:center;gap:8px}.dimensions-section .dimension-title .dim-icon{color:#e92063;flex-shrink:0}.dimensions-section .dimension-title .dim-name{font-size:18px;font-weight:700;color:#2d1f24}.dimensions-section .dim-score{font-size:16px;font-weight:600;color:#e92063}.dimensions-section .progress-bar{height:8px;background:rgba(233,32,99,.08);border-radius:999px;overflow:hidden;margin-bottom:12px}.dimensions-section .progress-fill{height:100%;background:linear-gradient(90deg,#e92063,#ff6b9d);border-radius:999px;transition:width .8s cubic-bezier(.4,0,.2,1)}.dimensions-section .percentile-info{display:flex;justify-content:space-between;font-size:13px;color:rgba(0,0,0,.45);margin-bottom:16px}.dimensions-section .dim-interpretation{font-size:15px;color:rgba(0,0,0,.65);line-height:1.9;letter-spacing:.02em}.dimensions-section .dim-interpretation strong{color:#e92063;font-weight:600}p{line-height:1.9;letter-spacing:.02em}ul li,ol li{line-height:1.9;letter-spacing:.01em}.charts-section .charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 768px){.charts-section .charts-grid{grid-template-columns:1fr}}.charts-section .chart-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 4px 6px -1px rgba(0,0,0,.02),0 2px 4px -1px rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.04);transition:all .3s ease}.charts-section .chart-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.05)}.charts-section .chart-card h3{font-size:18px;font-weight:700;color:#111827;margin-bottom:24px;text-align:center}.charts-section .chart-card .chart-container{width:100%;height:320px;margin-bottom:16px}.charts-section .chart-card .chart-note{text-align:center;font-size:13px;color:rgba(0,0,0,.45);margin:8px 0}.charts-section .chart-card .radar-explain{background:rgba(233,32,99,.04);border-radius:12px;padding:16px;font-size:14px;color:rgba(0,0,0,.65);line-height:1.6;text-align:left}.charts-section .chart-card .radar-explain p{margin:0 0 6px}.charts-section .chart-card .radar-explain ul{list-style:none;padding:0;margin:0}.charts-section .chart-card .radar-explain li{font-size:13px;color:rgba(0,0,0,.6);margin-bottom:4px}.charts-section .chart-card .attachment-explain{background:rgba(233,32,99,.04);border-radius:12px;padding:16px;font-size:14px;color:rgba(0,0,0,.65);line-height:1.8;margin-top:16px;text-align:left}.charts-section .chart-card .attachment-explain strong{color:#e92063;font-weight:600}.personality-section .personality-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 4px 6px -1px rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.04)}.personality-section .personality-header{text-align:center;margin-bottom:40px;padding-bottom:32px;border-bottom:2px solid rgba(233,32,99,.06)}.personality-section .personality-header .personality-avatar{width:96px;height:96px;margin:0 auto 20px;border-radius:50%;background:rgba(233,32,99,.12);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px rgba(233,32,99,.08)}.personality-section .personality-header .personality-avatar span{font-size:48px;line-height:1}.personality-section .personality-header h3{font-size:26px;font-weight:700;color:#e92063;margin:0 0 16px;letter-spacing:.01em}.personality-section .personality-header p{font-size:16px;color:rgba(0,0,0,.65);line-height:1.8;letter-spacing:.02em}.personality-section .personality-details{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:36px}.personality-section .personality-details .detail-col h4{font-size:17px;font-weight:600;margin-bottom:18px;color:#2d1f24;letter-spacing:.01em}.personality-section .personality-details .detail-col ul{list-style:none;padding:0;margin:0}.personality-section .personality-details .detail-col ul li{font-size:15px;color:rgba(0,0,0,.65);line-height:2.2;margin-bottom:4px;letter-spacing:.01em}.personality-section .professional-advice{background:rgba(233,32,99,.04);border-radius:14px;padding:28px;display:flex;align-items:flex-start;gap:16px}.personality-section .professional-advice .advice-icon{color:#e92063;flex-shrink:0;line-height:1}.personality-section .professional-advice strong{color:#e92063;font-size:17px;display:block;margin-bottom:12px;font-weight:600;letter-spacing:.3px}.personality-section .professional-advice p{font-size:15px;color:rgba(0,0,0,.65);line-height:2;margin:0;letter-spacing:.02em}.attachment-section .attachment-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 4px 6px -1px rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.04)}.attachment-section .attachment-header{text-align:center;margin-bottom:40px;padding-bottom:32px;border-bottom:2px solid rgba(233,32,99,.06)}.attachment-section .attachment-header .attachment-avatar{width:96px;height:96px;margin:0 auto 20px;border-radius:50%;background:rgba(233,32,99,.12);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px rgba(233,32,99,.08)}.attachment-section .attachment-header .attachment-avatar span{font-size:48px;line-height:1}.attachment-section .attachment-header h3{font-size:26px;font-weight:700;color:#e92063;margin:0 0 16px;letter-spacing:.01em}.attachment-section .attachment-header p{font-size:16px;color:rgba(0,0,0,.65);line-height:1.8;letter-spacing:.02em}.attachment-section .attachment-details .detail-section{margin-bottom:32px;padding:24px;background:rgba(233,32,99,.02);border-radius:12px}.attachment-section .attachment-details .detail-section:last-child{margin-bottom:0}.attachment-section .attachment-details .detail-section strong{color:#e92063;font-size:17px;margin-bottom:14px;display:block;font-weight:600;letter-spacing:.01em}.attachment-section .attachment-details .detail-section p{font-size:15px;color:rgba(0,0,0,.65);line-height:2;margin:0;letter-spacing:.02em}.pathway-section .pathway-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 4px 6px -1px rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.04)}.pathway-section .pathway-intro{font-size:16px;color:rgba(0,0,0,.65);line-height:2;margin-bottom:40px;letter-spacing:.02em}.pathway-section .pathway-flow{display:flex;flex-direction:column;gap:10px}.pathway-section .flow-step{display:flex;gap:24px;align-items:flex-start;background:rgba(233,32,99,.03);border-radius:14px;padding:28px;border-left:4px solid rgba(233,32,99,.2)}.pathway-section .step-number{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#e92063,#ec4899);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;flex-shrink:0;box-shadow:rgba(233,32,99,.3) 0 4px 12px}.pathway-section .step-content{flex:1;padding-top:2px}.pathway-section .step-title{font-size:19px;font-weight:700;color:#e92063;margin-bottom:10px;letter-spacing:.01em}.pathway-section .step-subtitle{font-size:17px;font-weight:600;color:#2d1f24;margin-bottom:10px;letter-spacing:.01em}.pathway-section .step-detail{font-size:14px;color:rgba(0,0,0,.45);line-height:1.8;letter-spacing:.01em}.pathway-section .flow-arrow{text-align:center;font-size:36px;color:#e92063;margin:12px 0;font-weight:300}.pathway-section .intervention-box{background:rgba(233,32,99,.04);border-radius:14px;padding:28px;margin-top:36px;border-left:4px solid #e92063}.pathway-section .intervention-box h4{font-size:18px;font-weight:600;margin-bottom:14px;color:#2d1f24;letter-spacing:.3px;display:flex;align-items:center;gap:8px}.pathway-section .intervention-box h4 .el-icon{color:#e92063}.pathway-section .intervention-box p{font-size:15px;color:rgba(0,0,0,.65);line-height:2;margin:0;letter-spacing:.02em}.expert-advice-section .advice-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 768px){.expert-advice-section .advice-cards{grid-template-columns:1fr}}.expert-advice-section .advice-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 4px 6px -1px rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.04);transition:all .3s ease}.expert-advice-section .advice-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.05)}.expert-advice-section .advice-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid rgba(233,32,99,.08)}.expert-advice-section .advice-header .advice-icon{color:#e92063;flex-shrink:0}.expert-advice-section .advice-header h3{font-size:20px;font-weight:700;color:#2d1f24;margin:0;letter-spacing:.3px}.expert-advice-section p{font-size:15px;color:rgba(0,0,0,.65);line-height:2;margin-bottom:20px;letter-spacing:.02em}.expert-advice-section ol{list-style:none;padding:0;margin:0}.expert-advice-section ol li{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px;font-size:15px;color:rgba(0,0,0,.65);line-height:1.9;letter-spacing:.01em}.expert-advice-section ol li:last-child{margin-bottom:0}.expert-advice-section ol li .tip-label{color:#e92063;font-weight:600;flex-shrink:0;font-size:16px;line-height:1;padding-top:2px}.expert-advice-section ol li .tip-text{flex:1;min-width:0;word-wrap:break-word}.health-section .health-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 4px 6px -1px rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.04)}.health-section .health-card>p{font-size:15px;color:rgba(0,0,0,.65);line-height:1.8;margin-bottom:32px}.health-section .health-dimensions{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 32px;margin-bottom:32px}.health-section .health-item{display:flex;gap:16px;align-items:flex-start}.health-section .health-icon{color:#e92063;flex-shrink:0}.health-section .health-content{flex:1}.health-section .health-content h4{font-size:16px;font-weight:600;color:#2d1f24;margin:0 0 12px}.health-section .health-content p{font-size:14px;color:rgba(0,0,0,.45);margin:12px 0 0}.health-section .health-bar{height:8px;background:rgba(233,32,99,.08);border-radius:999px;overflow:hidden}.health-section .health-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:999px;transition:width .8s cubic-bezier(.4,0,.2,1)}.health-section .health-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.health-section .health-summary{background:rgba(233,32,99,.04);border-radius:12px;padding:24px}.health-section .health-summary h4{font-size:18px;font-weight:600;margin-bottom:12px;color:#2d1f24;display:flex;align-items:center;gap:8px}.health-section .health-summary h4 .el-icon{color:#e92063}.health-section .health-summary p{font-size:15px;color:rgba(0,0,0,.65);line-height:1.8;margin:0}.health-section .health-summary p strong{color:#e92063;font-weight:600}.zodiac-section .entertainment-tag{display:inline-block;padding:6px 14px;background:rgba(233,32,99,.08);border-radius:999px;font-size:12px;color:#e92063;margin-left:10px;font-weight:500;vertical-align:middle}.zodiac-section .zodiac-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 4px 6px -1px rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.04)}.zodiac-section .zodiac-header{text-align:center;margin-bottom:32px;padding-bottom:28px;border-bottom:2px solid rgba(233,32,99,.06)}.zodiac-section .zodiac-header .zodiac-icon{font-size:64px;display:block;margin-bottom:20px;line-height:1}.zodiac-section .zodiac-header h3{font-size:26px;font-weight:700;color:#e92063;margin:0;letter-spacing:.01em}.zodiac-section .zodiac-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-bottom:36px}.zodiac-section .zodiac-tag{display:inline-block;padding:10px 18px;background:rgba(233,32,99,.06);border-radius:999px;font-size:14px;color:#e92063;font-weight:500;letter-spacing:.01em}.zodiac-section .zodiac-content .zodiac-section{margin-bottom:32px;padding:24px;background:rgba(233,32,99,.02);border-radius:12px}.zodiac-section .zodiac-content .zodiac-section:last-child{margin-bottom:0}.zodiac-section .zodiac-content .zodiac-section h4{font-size:18px;font-weight:600;margin-bottom:16px;color:#2d1f24;letter-spacing:.01em}.zodiac-section .zodiac-content .zodiac-section p{font-size:15px;color:rgba(0,0,0,.65);line-height:2;margin:0;letter-spacing:.02em}.zodiac-section .zodiac-disclaimer{background:rgba(233,32,99,.04);border-radius:14px;padding:24px;display:flex;gap:16px;margin-top:32px;border-left:4px solid rgba(233,32,99,.3)}.zodiac-section .zodiac-disclaimer .disclaimer-icon{color:#e92063;flex-shrink:0;line-height:1}.zodiac-section .zodiac-disclaimer p{font-size:14px;color:rgba(0,0,0,.65);line-height:2;margin:0;letter-spacing:.02em}.zodiac-section .zodiac-disclaimer p strong{color:#e92063;font-weight:600}.communication-section .communication-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 4px 6px -1px rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.04)}.communication-section .communication-intro{font-size:15px;color:rgba(0,0,0,.65);line-height:1.8;margin-bottom:32px}.communication-section .communication-tips{display:flex;flex-direction:column;gap:32px}.communication-section .tip-item{display:flex;gap:20px;align-items:flex-start}.communication-section .tip-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e92063,#ec4899);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0}.communication-section .tip-content{flex:1}.communication-section .tip-content h4{font-size:18px;font-weight:700;color:#2d1f24;margin:0 0 16px}.communication-section .tip-content p{font-size:15px;color:rgba(0,0,0,.65);line-height:1.8;margin-bottom:16px}.communication-section .tip-content ul{list-style:none;padding:0;margin:0}.communication-section .tip-content ul li{font-size:15px;color:rgba(0,0,0,.65);line-height:1.8;margin-bottom:8px}.communication-section .tip-content ul li:last-child{margin-bottom:0}.communication-section .tip-example{background:rgba(0,0,0,.02);border-radius:12px;padding:16px;margin-bottom:16px}.communication-section .tip-example.bad{background:rgba(239,68,68,.04);border-left:4px solid #ef4444}.communication-section .tip-example.good{background:rgba(16,185,129,.04);border-left:4px solid #10b981}.communication-section .tip-example .example-label{display:block;font-weight:600;margin-bottom:8px;font-size:14px}.communication-section .tip-example p{font-size:14px;color:rgba(0,0,0,.65);margin:0;font-style:italic}.growth-plan-section .growth-plan-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 4px 6px -1px rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.04)}.growth-plan-section .plan-intro{font-size:15px;color:rgba(0,0,0,.65);line-height:1.8;margin-bottom:32px}.growth-plan-section .weekly-plans{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}@media (max-width: 768px){.growth-plan-section .weekly-plans{grid-template-columns:1fr}}.growth-plan-section .week-plan{background:rgba(233,32,99,.03);border-radius:16px;padding:24px}.growth-plan-section .week-header{margin-bottom:16px}.growth-plan-section .week-header .week-label{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#e92063,#ec4899);color:#fff;border-radius:999px;font-size:13px;font-weight:600;margin-bottom:8px}.growth-plan-section .week-header .week-title{font-size:16px;font-weight:700;color:#2d1f24}.growth-plan-section .plan-tasks{list-style:none;padding:0;margin:0}.growth-plan-section .plan-tasks li{font-size:14px;color:rgba(0,0,0,.65);line-height:1.8;margin-bottom:12px}.growth-plan-section .plan-tasks li:last-child{margin-bottom:0}.growth-plan-section .plan-tips{background:rgba(233,32,99,.04);border-radius:12px;padding:24px}.growth-plan-section .plan-tips h4{font-size:18px;font-weight:600;margin-bottom:16px;color:#2d1f24;display:flex;align-items:center;gap:8px}.growth-plan-section .plan-tips h4 .el-icon{color:#e92063}.growth-plan-section .plan-tips ul{list-style:none;padding:0;margin:0}.growth-plan-section .plan-tips ul li{font-size:15px;color:rgba(0,0,0,.65);line-height:1.8;margin-bottom:12px}.growth-plan-section .plan-tips ul li:last-child{margin-bottom:0}.resources-section .resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 768px){.resources-section .resources-grid{grid-template-columns:1fr}}.resources-section .resource-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 4px 6px -1px rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.04);text-align:center;transition:all .3s ease}.resources-section .resource-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.05)}.resources-section .resource-card .resource-icon{color:#e92063;margin-bottom:16px}.resources-section .resource-card h3{font-size:18px;font-weight:700;color:#2d1f24;margin:0 0 20px}.resources-section .resource-card ul{list-style:none;padding:0;margin:0;text-align:left}.resources-section .resource-card ul li{font-size:15px;color:rgba(0,0,0,.65);line-height:1.8;margin-bottom:12px}.resources-section .resource-card ul li:last-child{margin-bottom:0}.info-section .info-title{font-size:20px;font-weight:700;color:#2d1f24;margin-bottom:20px}.info-section .info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:#fff;border-radius:24px;padding:32px;box-shadow:0 4px 6px -1px rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.04)}@media (max-width: 768px){.info-section .info-grid{grid-template-columns:1fr}}.info-section .info-item{display:flex;flex-direction:column;gap:8px}.info-section .info-label{font-size:13px;color:rgba(0,0,0,.45)}.info-section .info-value{font-size:15px;font-weight:600;color:#2d1f24}.disclaimer-section .disclaimer-box{background:#fffbeb;border:1px solid #fef3c7;border-radius:24px;padding:32px;display:flex;gap:20px;align-items:flex-start;box-shadow:0 4px 6px -1px rgba(252,211,77,.1)}.disclaimer-section .disclaimer-box .disclaimer-icon{color:#f59e0b;flex-shrink:0}.disclaimer-section .disclaimer-box .disclaimer-content{flex:1}.disclaimer-section .disclaimer-box .disclaimer-content strong{display:block;font-size:18px;color:#2d1f24;margin-bottom:12px;font-weight:600}.disclaimer-section .disclaimer-box .disclaimer-content p{font-size:15px;color:rgba(0,0,0,.65);line-height:1.8;margin-bottom:12px}.disclaimer-section .disclaimer-box .disclaimer-content p:last-child{margin-bottom:0}.actions-section{margin-top:48px}.actions-section .actions-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.actions-section .btn-action{display:flex;align-items:center;gap:8px;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;border:2px solid #e92063;background:#fff;color:#e92063;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.actions-section .btn-action:hover{background:#e92063;color:#fff;transform:translateY(-2px);box-shadow:rgba(233,32,99,.25) 0 8px 24px}.actions-section .btn-action:hover .btn-icon{color:#fff}.actions-section .btn-action .btn-icon{flex-shrink:0}.bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.bg-decoration .circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(233,32,99,.04) 0%,transparent 70%);animation:float-bc42b0b3 25s ease-in-out infinite}.bg-decoration .circle-1{width:800px;height:800px;top:-300px;right:-300px}.bg-decoration .circle-2{width:700px;height:700px;bottom:-250px;left:-250px;animation-delay:8s}.bg-decoration .circle-3{width:600px;height:600px;top:45%;left:45%;animation-delay:16s}@keyframes float-bc42b0b3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-50px) scale(1.08)}}@media (max-width: 1200px){.report-content{max-width:960px;padding:40px 24px 80px}.dimensions-cards,.charts-grid{gap:18px}.expert-advice-section .advice-cards{gap:20px}}@media (max-width: 960px){.report-content{max-width:100%;padding:32px 20px 64px}.report-section{margin-bottom:40px}.rpi-banner{padding:28px 20px}.rpi-banner .banner-title{font-size:22px}.rpi-banner .banner-icon{font-size:28px}.section-title{font-size:24px!important;margin-bottom:28px!important}.hero-section .hero-card{padding:48px 36px}.hero-section .main-title{font-size:22px}.hero-section .rpi-score{font-size:72px}.hero-section .rpi-level{font-size:20px}.hero-section .interpretation-box,.hero-section .suggestions-box{padding:28px}.hero-section .findings-grid{grid-template-columns:1fr;gap:12px}.dimensions-cards,.charts-grid,.expert-advice-section .advice-cards{grid-template-columns:1fr!important}.health-dimensions{grid-template-columns:1fr!important;gap:20px!important}.weekly-plans{grid-template-columns:1fr!important}.resources-section .resources-grid,.info-grid{grid-template-columns:repeat(2,1fr)!important}.personality-details{grid-template-columns:1fr!important;gap:28px!important}}@media (max-width: 640px){.report-content{padding:16px 12px 48px}.rpi-banner{padding:16px 12px}.rpi-banner .banner-content{gap:8px}.rpi-banner .banner-title{font-size:16px}.rpi-banner .banner-icon{font-size:20px}.report-section{margin-bottom:24px}.section-title{font-size:18px!important;margin-bottom:16px!important;gap:6px!important}.section-title .title-icon{font-size:20px!important}.hero-section .hero-card{padding:24px 16px;border-radius:16px}.hero-section .hero-icon{font-size:32px;margin-bottom:12px}.hero-section .main-title{font-size:18px;margin:0 0 16px}.hero-section .rpi-score{font-size:56px;margin:0 0 12px}.hero-section .rpi-level{font-size:16px;margin-bottom:16px}.hero-section .rpi-summary{font-size:14px;line-height:1.6;margin-bottom:24px}.hero-section .scale-bar-wrapper{margin:24px 0}.hero-section .scale-labels{font-size:12px;gap:8px}.hero-section .scale-labels span{padding:6px}.hero-section .interpretation-box{padding:16px;margin:24px 0;border-radius:12px}.hero-section .interpretation-box .box-header{margin-bottom:12px;gap:6px}.hero-section .interpretation-box .box-header .icon{font-size:20px}.hero-section .interpretation-box .box-header h3{font-size:16px}.hero-section .interpretation-box .box-content p{font-size:13px;line-height:1.6;margin-bottom:12px}.hero-section .key-findings{padding:16px;margin-top:16px}.hero-section .key-findings h4{font-size:15px;margin-bottom:12px}.hero-section .key-findings .finding-item{gap:8px}.hero-section .key-findings .finding-item .finding-icon{font-size:20px}.hero-section .key-findings .finding-item .finding-text{font-size:13px}.hero-section .suggestions-box{padding:16px;margin-top:20px;border-width:1px}.hero-section .suggestions-box h4{font-size:15px;margin-bottom:12px}.hero-section .suggestions-box .suggestions-list li{font-size:13px;line-height:1.6;margin-bottom:10px;gap:10px}.hero-section .suggestions-box .check-icon{font-size:16px;padding-top:2px}.hero-section .heart-decoration{font-size:32px;margin-top:20px}.dimension-card,.chart-card,.personality-card,.attachment-card,.pathway-card,.advice-card,.health-card,.zodiac-card,.communication-card,.growth-plan-card{padding:20px 16px!important;border-radius:16px!important}.resource-card{padding:16px!important;border-radius:16px!important}.dimension-card .card-header{margin-bottom:12px}.dimension-card .dimension-title{gap:6px}.dimension-card .dimension-title .dim-icon{font-size:20px}.dimension-card .dimension-title .dim-name{font-size:15px}.dimension-card .dim-score{font-size:14px}.dimension-card .percentile-info{font-size:12px;margin-bottom:10px}.dimension-card .dim-interpretation{font-size:13px;line-height:1.6}.chart-card h3{font-size:16px;margin-bottom:16px}.chart-card .chart-container{height:260px!important;margin-bottom:12px}.chart-card .chart-note{font-size:12px}.chart-card .attachment-explain{padding:12px!important;margin-top:12px;font-size:12px;line-height:1.6}.personality-header{margin-bottom:20px!important;padding-bottom:16px!important}.personality-header .personality-avatar{width:72px!important;height:72px!important;margin-bottom:12px!important}.personality-header .personality-avatar span{font-size:36px!important}.personality-header h3{font-size:18px!important;margin-bottom:8px!important}.personality-header p{font-size:13px!important;line-height:1.5}.personality-details{gap:24px!important;margin-bottom:24px!important}.personality-details .detail-col h4{font-size:15px!important;margin-bottom:10px!important}.personality-details .detail-col ul li{font-size:13px!important;line-height:1.8!important;margin-bottom:2px}.professional-advice{padding:16px!important;gap:10px!important}.professional-advice .advice-icon{font-size:24px!important}.professional-advice strong{font-size:14px!important;margin-bottom:6px}.professional-advice p{font-size:13px!important;line-height:1.6}.attachment-header{margin-bottom:20px!important;padding-bottom:16px!important}.attachment-header .attachment-avatar{width:72px!important;height:72px!important;margin-bottom:12px!important}.attachment-header .attachment-avatar span{font-size:36px!important}.attachment-header h3{font-size:18px!important;margin-bottom:8px!important}.attachment-header p{font-size:13px!important;line-height:1.5}.attachment-details .detail-section{padding:16px;margin-bottom:16px}.attachment-details .detail-section strong{font-size:14px;margin-bottom:8px}.attachment-details .detail-section p{font-size:13px;line-height:1.6}.flow-step{padding:16px!important;gap:12px!important}.step-number{width:32px!important;height:32px!important;font-size:16px!important}.step-title{font-size:15px!important;margin-bottom:6px}.step-subtitle{font-size:13px!important;margin-bottom:6px}.step-detail{font-size:12px!important;line-height:1.5}.flow-arrow{font-size:24px!important;margin:6px 0!important}.intervention-box{padding:16px!important;margin-top:24px}.intervention-box h4{font-size:15px!important;margin-bottom:8px}.intervention-box p{font-size:13px!important;line-height:1.6}.advice-header{margin-bottom:16px!important;padding-bottom:12px!important;gap:10px}.advice-header .advice-icon{font-size:24px!important}.advice-header h3{font-size:16px!important}.advice-card p{font-size:13px!important;line-height:1.6;margin-bottom:12px!important}.advice-card ol li{font-size:13px!important;line-height:1.6;margin-bottom:8px!important;gap:8px}.advice-card ol li span{font-size:13px!important}.health-icon{font-size:24px!important}.health-content h4{font-size:14px!important;margin-bottom:8px}.health-content p{font-size:12px!important;margin-top:8px}.health-bar{height:6px}.health-summary{padding:16px!important}.health-summary h4{font-size:15px!important;margin-bottom:8px}.health-summary p{font-size:13px!important;line-height:1.6}.zodiac-header{margin-bottom:20px!important;padding-bottom:16px!important}.zodiac-header .zodiac-icon{font-size:48px!important;margin-bottom:12px}.zodiac-header h3{font-size:18px!important}.zodiac-tags{gap:8px!important;margin-bottom:20px!important}.zodiac-tag{padding:6px 12px!important;font-size:12px!important}.zodiac-content .zodiac-section{padding:16px!important;margin-bottom:16px!important}.zodiac-content .zodiac-section h4{font-size:14px!important;margin-bottom:8px}.zodiac-content .zodiac-section p{font-size:13px!important;line-height:1.6}.zodiac-disclaimer{padding:16px!important;gap:10px;margin-top:20px}.zodiac-disclaimer .disclaimer-icon{font-size:20px!important}.zodiac-disclaimer p{font-size:12px!important;line-height:1.5}.communication-intro{font-size:13px!important;line-height:1.6;margin-bottom:24px!important}.communication-tips{gap:20px!important}.tip-item{gap:12px!important}.tip-number{width:32px!important;height:32px!important;font-size:16px!important}.tip-content h4{font-size:15px!important;margin-bottom:8px!important}.tip-content p,.tip-content ul li{font-size:13px!important;line-height:1.6;margin-bottom:6px}.tip-example{padding:12px!important;margin-bottom:12px}.tip-example .example-label{font-size:12px!important;margin-bottom:4px}.tip-example p{font-size:12px!important}.plan-intro{font-size:13px!important;line-height:1.6;margin-bottom:24px!important}.weekly-plans{gap:12px!important;margin-bottom:24px!important}.week-plan{padding:16px!important}.week-header{margin-bottom:10px!important}.week-header .week-label{font-size:12px!important;padding:2px 8px!important;margin-bottom:4px}.week-header .week-title{font-size:14px!important}.plan-tasks li{font-size:12px!important;line-height:1.5;margin-bottom:6px}.plan-tips{padding:16px!important}.plan-tips h4{font-size:14px!important;margin-bottom:10px}.plan-tips ul li{font-size:12px!important;line-height:1.5;margin-bottom:6px}.resource-icon{font-size:32px!important;margin-bottom:10px!important}.resource-card h3{font-size:15px!important;margin-bottom:12px!important}.resource-card ul li{font-size:12px!important;line-height:1.6;margin-bottom:6px}.info-title{font-size:16px!important;margin-bottom:12px!important}.info-grid{padding:16px!important;gap:12px!important}.info-item{gap:4px}.info-label{font-size:11px!important}.info-value{font-size:13px!important}.actions-buttons{gap:8px!important}.actions-buttons .btn-action{padding:12px 24px!important;font-size:14px!important}.actions-buttons .btn-action .btn-icon{font-size:16px!important}}@media (max-width: 375px){.report-content{padding:16px 10px 40px}.hero-section .hero-card{padding:24px 16px}.rpi-score{font-size:48px!important}.dimension-card,.chart-card,.personality-card,.attachment-card,.pathway-card,.advice-card,.health-card,.zodiac-card,.communication-card,.growth-plan-card,.resource-card{padding:16px!important}.chart-container{height:240px!important}.section-title{font-size:18px!important}}.rpi-report-page{overflow-x:hidden;width:100%}.rpi-report-page *{max-width:100%;box-sizing:border-box}@media (max-width: 768px){.btn-action{min-height:48px;min-width:120px}.scale-labels{flex-direction:row;justify-content:space-between;gap:4px!important}.scale-labels span{text-align:center;font-size:11px;flex:1}.resources-section .resources-grid{grid-template-columns:1fr!important}.info-grid{grid-template-columns:repeat(2,1fr)!important}.zodiac-tags{justify-content:center!important}.pathway-flow{gap:6px!important}.flow-step{flex-direction:column;text-align:center;align-items:center!important}.flow-step .step-content{text-align:center}}@media (max-width: 640px){.hero-section .hero-icon-wrapper{width:64px!important;height:64px!important;margin-bottom:12px!important}.hero-section .hero-icon-wrapper .hero-icon{width:40px!important;height:40px!important}.hero-section .subtitle{font-size:12px!important;letter-spacing:.5px;margin-bottom:16px!important}.hero-section .rpi-level{flex-direction:column;gap:8px!important}.hero-section .rpi-level .level-badge{padding:4px 16px!important;font-size:14px!important}.hero-section .rpi-level .level-text{font-size:14px!important}.interpretation-box,.suggestions-box,.key-findings{border-radius:12px!important}.disclaimer-box{flex-direction:column;text-align:center;gap:12px!important;padding:20px 16px!important}.disclaimer-box .disclaimer-icon{margin:0 auto}.disclaimer-box .disclaimer-content strong{text-align:center}.flow-step{border-left:none!important;border-top:3px solid rgba(233,32,99,.2)!important;padding-top:16px!important}.health-item{flex-direction:column;text-align:center;align-items:center!important}.health-item .health-icon{margin-bottom:8px}.health-item .health-content{width:100%}.health-item .health-content h4,.health-item .health-content p{text-align:center}.tip-item{flex-direction:column;align-items:center!important;text-align:center}.tip-item .tip-number{margin-bottom:8px}.tip-item .tip-content h4{text-align:center}.tip-item .tip-content ul,.tip-item .tip-example{text-align:left}.professional-advice{flex-direction:column;text-align:center;align-items:center!important}.professional-advice .advice-icon{margin-bottom:8px}.professional-advice>div{width:100%}.professional-advice>div strong,.professional-advice>div p{text-align:center}.attachment-details .detail-section,.attachment-details .detail-section strong,.attachment-details .detail-section p{text-align:center}.actions-buttons{flex-direction:column;align-items:stretch}.actions-buttons .btn-action{width:100%;justify-content:center}}@media (max-width: 375px){.rpi-banner .banner-title{font-size:15px!important}.hero-section .rpi-score{font-size:44px!important}.hero-section .main-title,.section-title{font-size:16px!important}.section-title .title-icon{width:36px!important;height:36px!important;padding:6px!important}.week-plan{padding:12px!important}.intervention-box{border-left-width:3px!important}.radar-explain,.attachment-explain{padding:10px!important;font-size:11px!important}.radar-explain ul li,.attachment-explain ul li{font-size:11px!important}}@media (max-width: 896px) and (orientation: landscape){.hero-section .hero-card{padding:32px 24px!important}.rpi-score{font-size:56px!important}.chart-container{height:280px!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){.actions-section{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.rpi-banner{padding-top:calc(20px + env(safe-area-inset-top))}}@media (hover: none) and (pointer: coarse){.btn-action:active{transform:scale(.98);opacity:.9}.dimension-card:active,.advice-card:active,.resource-card:active{transform:scale(.99)}}