:root{--page-bg: #f8fafc;--ink: #0f172a;--muted: #64748b;--muted-light: #94a3b8;--line: #e2e8f0;--brand: #0f766e;--brand-deep: #115e59;--blue: #2563eb;--amber: #d97706;--red: #dc2626;--surface: #ffffff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--page-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{height:82px;display:flex;align-items:center;justify-content:flex-start;gap:24px;padding:0 28px;border-bottom:1px solid var(--line);background:var(--surface)}.brand,.nav,.user-bar,.guest-actions{display:flex;align-items:center;gap:12px}.brand{gap:9px;flex:0 0 300px;min-width:300px}.brand-mark{display:block;width:48px;height:48px;object-fit:contain;flex:none}.brand-text{display:grid;gap:2px;line-height:1.15;width:210px;min-width:210px}.brand-text strong{display:block;width:100%;color:#0f172a;font-size:22px;font-weight:850;letter-spacing:0;text-align:left;white-space:nowrap}.brand-text small{display:block;width:100%;color:#2563eb;font-size:10px;font-weight:850;letter-spacing:.25px;text-align:left;white-space:nowrap}.nav a{color:var(--muted);padding:8px 12px;border-radius:6px;font-size:16px;font-weight:700;white-space:nowrap}.nav{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a.router-link-active{color:var(--brand-deep);background:#e6f4f1}.user-bar{margin-left:0;flex:0 0 auto;color:var(--muted);font-size:13px;white-space:nowrap}.guest-actions{margin-left:0;flex:0 0 auto}.user-bar>span{color:var(--ink);font-weight:650}.main{padding:26px}.page{max-width:1280px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.page-title{margin:0;font-size:24px;letter-spacing:0}.page-subtitle{margin:6px 0 0;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.content-band{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric{min-height:86px;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--surface)}.metric-label{color:var(--muted);font-size:12px;font-weight:750}.metric-value{display:block;margin-top:8px;color:#0f172a;font-size:28px;font-weight:800;line-height:1.15;overflow-wrap:anywhere}.metric-value.is-text{font-size:20px}.metric-note{display:block;margin-top:7px;color:#64748b;font-size:12px;line-height:1.4}.score-ring{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;color:#fff;background:conic-gradient(var(--brand) calc(var(--score) * 1%),#dce5ec 0);position:relative}.score-ring:before{content:"";position:absolute;width:82px;height:82px;border-radius:50%;background:var(--surface)}.score-ring span{position:relative;color:var(--ink);font-size:30px;font-weight:800}.split{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.status-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.table-url{max-width:360px;overflow-wrap:anywhere}.muted{color:var(--muted)}.section-title{margin:26px 0 12px;font-size:18px;letter-spacing:0}.suggestion-list{margin:0;padding-left:18px}.suggestion-list li{margin:8px 0}.shell{min-height:100vh}.marketing-topbar,.app-topbar,.admin-topbar{height:78px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fffffff5}.marketing-topbar{justify-content:space-between;gap:24px;padding:0 max(24px,calc((100vw - 1280px)/2));position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.marketing-main{padding:0 24px}.brand-public{flex:0 0 300px}.marketing-nav,.app-nav,.admin-nav{display:flex;align-items:center;gap:6px}.marketing-nav{flex:1 1 auto;justify-content:center;min-width:0}.marketing-nav a,.marketing-nav-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;color:#475569;border-radius:8px;border:0;background:transparent;font-weight:750;font-size:14px;font-family:inherit;white-space:nowrap;cursor:pointer}.mobile-account-link{display:none}.marketing-nav a.router-link-active,.marketing-nav a:hover,.marketing-nav-link:hover,.marketing-nav-link.active{color:#1d4ed8;background:#eff6ff}.marketing-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.mobile-menu,.mobile-bottom-nav{display:none}.app-sidebar,.admin-sidebar{min-height:100vh;padding:18px 14px;border-right:1px solid var(--line);background:#fff}.app-brand{margin-bottom:22px}.app-nav,.admin-nav{align-items:stretch;flex-direction:column}.app-nav a,.admin-nav a{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:10px;color:#475569;font-weight:750}.app-nav a.router-link-active,.app-nav a:hover,.admin-nav a.active,.admin-nav a:hover{color:#1d4ed8;background:#eff6ff}.app-topbar,.admin-topbar{justify-content:space-between;gap:20px;padding:0 24px}.mobile-topbar-brand{display:none}.app-topbar strong,.admin-topbar strong{display:block;color:#0f172a}.app-topbar span,.admin-topbar span{color:#64748b;font-size:12px}.app-main,.admin-main{padding:26px;background:#f8fafc}.admin-sidebar{background:#0f172a;border-right:0}.admin-title{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#fff;font-size:18px;font-weight:850}.admin-title img{width:42px;height:42px}.admin-nav a{color:#cbd5e1}.admin-nav a.active,.admin-nav a:hover{color:#fff;background:#2563eb3d}@media (max-width: 900px){.metric-grid,.split{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.main{padding:18px}.topbar{padding:0 16px;gap:12px}.brand{flex-basis:230px;min-width:230px}.brand-text small{font-size:9px;letter-spacing:.15px}.brand-text{width:180px;min-width:180px}.brand-text strong{font-size:18px}}@media (max-width: 980px){.marketing-topbar{padding:0 16px}.marketing-nav{position:absolute;top:78px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 18px 44px #0f172a1f}.marketing-nav a,.marketing-nav-link{width:100%;min-height:48px;justify-content:center;text-align:center;font-size:16px}.mobile-account-link{display:inline-flex;margin-top:6px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8}.marketing-nav.open{display:flex}.mobile-menu{display:inline-flex}.app-layout,.admin-layout{display:block}.app-sidebar,.admin-sidebar{min-height:auto;width:auto!important;border-right:0;border-bottom:1px solid var(--line)}.admin-nav{flex-direction:row;overflow-x:auto;padding-bottom:4px}.app-layout{min-height:100vh;padding-bottom:calc(74px + env(safe-area-inset-bottom))}.app-sidebar{display:none}.app-topbar{position:sticky;top:0;z-index:15;height:60px;padding:0 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-topbar-brand{min-width:0;display:flex;align-items:center;gap:8px;color:#0f172a}.mobile-topbar-brand img{width:36px;height:36px;object-fit:contain;flex:none}.mobile-topbar-brand span{min-width:0;display:grid;gap:1px}.mobile-topbar-brand strong{display:block;font-size:15px;line-height:1.1;white-space:nowrap}.mobile-topbar-brand small{display:block;color:#2563eb;font-size:8px;font-weight:850;letter-spacing:.2px;line-height:1.1;white-space:nowrap}.app-topbar-title{display:none}.app-topbar strong{font-size:15px}.app-topbar-title span{display:none}.app-topbar .mobile-topbar-brand span{display:grid}.app-topbar .mobile-topbar-brand small{display:block}.app-topbar .user-bar{gap:8px}.app-main{padding:14px 12px 22px}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;box-shadow:0 -12px 30px #0f172a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-bottom-nav a{min-width:0;display:grid;place-items:center;gap:3px;padding:6px 2px;border-radius:12px;color:#64748b;font-size:11px;font-weight:800}.mobile-bottom-nav .el-icon{font-size:19px}.mobile-bottom-nav a.router-link-active{color:#1d4ed8;background:#eff6ff}}@media (max-width: 600px){body{overflow-x:hidden}.marketing-topbar{height:64px;gap:8px}.brand-public{flex:1 1 auto;min-width:0}.marketing-actions{gap:6px}.marketing-actions .desktop-login{display:none}.marketing-actions .el-button:not(.mobile-menu){padding:8px 10px;font-size:12px}.mobile-menu{padding:8px 10px}.marketing-nav{top:64px}.marketing-main{padding:0 14px}.brand-mark{width:44px;height:44px}.brand-text small{display:block;font-size:8px;letter-spacing:.1px}.brand-text strong{font-size:17px}.user-bar>span,.user-bar .el-tag{display:none}.page{max-width:100%}.page-head{margin-bottom:14px}.page-title{font-size:22px}.page-subtitle{font-size:13px;line-height:1.6}.content-band{padding:14px;border-radius:12px;overflow:hidden}.content-band .el-table{overflow-x:auto}.metric{min-height:auto;padding:14px}.metric-value{font-size:24px}.toolbar{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.toolbar .el-button{width:100%;margin:0}.el-button{min-height:40px}.el-form--label-top .el-form-item__label{margin-bottom:6px;line-height:1.35}.el-table,.el-table__inner-wrapper,.el-table__body-wrapper,.el-scrollbar{max-width:100%}.el-message-box{width:calc(100vw - 32px)!important;max-width:420px}.el-dialog{width:calc(100vw - 24px)!important;margin:8vh auto 0!important}.el-form-item{margin-bottom:16px}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner{min-height:42px}}:root{--report-primary: #2563eb;--report-primary-soft: #eff6ff;--report-success: #10b981;--report-success-soft: #ecfdf5;--report-warning: #f59e0b;--report-warning-soft: #fffbeb;--report-danger: #ef4444;--report-danger-soft: #fef2f2;--report-background: #f8fafc;--report-card: #ffffff;--report-border: #e5e7eb;--report-ink: #0f172a;--report-body: #475569;--report-muted: #64748b;--report-radius: 16px;--report-shadow: 0 10px 30px rgba(15, 23, 42, .055);--report-space: 24px}@page{size:A4;margin:14mm 14mm 16mm}.growth-report-page{font-family:Inter,HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,sans-serif}.report-enter{animation:report-rise .62s cubic-bezier(.22,.8,.22,1) both}@keyframes report-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.report-enter{animation:none}}@media print{.topbar,.mode-bar,.mode-context,.hero-toolbar,.professional-toolbar,.appendix-pagination{display:none!important}.main{padding:0!important}.growth-report-page{max-width:none!important;padding-bottom:0!important;background:#fff!important}.report-enter,.report-band{animation:none!important}.report-band{padding:32px 0!important;break-inside:auto;page-break-inside:auto}.chart-panel,.wide-chart-panel,.score-card,.issue-card,.roadmap article,.perspective-grid article,.service-conversion-grid article,.risk-matrix article,.swot-grid article,.gantt,.role-grid article{break-inside:avoid;page-break-inside:avoid;box-shadow:none!important}.professional-table,.page-detail-table{max-height:none!important}.data-source-band,.score-band,.diagnostics-band,.performance-band,.seo-band,.conversion-band,.ai-roadmap-band,.value-band{break-before:page;page-break-before:always}h2,h3{break-after:avoid;page-break-after:avoid}p,li{orphans:3;widows:3}.source-grid article,.layer-grid article,.executive-metrics article,.next-scan-plan{break-inside:avoid;page-break-inside:avoid}.url,code,td{overflow-wrap:anywhere;word-break:break-word}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}}