@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-darkest:#050505;--bg-card:#0a0a0aa6;--bg-bezel:#ffffff08;--border-muted:#ffffff14;--border-focus:#ffffff40;--border-glow:#8b5cf64d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-tier-1:#10b981;--color-tier-1-bg:#10b9811a;--color-tier-2:#f59e0b;--color-tier-2-bg:#f59e0b1a;--color-tier-3:#ef4444;--color-tier-3-bg:#ef44441a;--purple-glow:#8b5cf6;--emerald-glow:#10b981;--sans-font:"Plus Jakarta Sans", sans-serif;--title-font:"Outfit", sans-serif;--mono-font:"ui-monospace", "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--transition-smooth:all .6s cubic-bezier(.16, 1, .3, 1);--transition-bounce:all .5s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}body{background-color:var(--bg-darkest);color:var(--text-primary);font-family:var(--sans-font);min-height:100dvh;position:relative;overflow-x:hidden}body:before{content:"";opacity:.025;z-index:999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3联%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;inset:0}.glow-orb{filter:blur(120px);opacity:.15;pointer-events:none;z-index:0;border-radius:999px;animation:20s ease-in-out infinite alternate float;position:fixed}.glow-orb-purple{background:var(--purple-glow);width:500px;height:500px;top:-100px;right:-100px}.glow-orb-emerald{background:var(--emerald-glow);width:600px;height:600px;animation-delay:-5s;bottom:-200px;left:-200px}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(100px,50px)scale(1.1)}}.app-container{z-index:10;flex-direction:column;width:100%;max-width:1280px;min-height:100dvh;margin:0 auto;padding:0 24px;display:flex;position:relative}.floating-nav{z-index:100;background:var(--bg-card);border:1px solid var(--border-muted);-webkit-backdrop-filter:blur(20px);width:100%;max-width:700px;transition:var(--transition-smooth);border-radius:999px;justify-content:space-between;align-items:center;margin:24px auto 0;padding:8px 16px;display:flex;position:sticky;top:24px}.floating-nav:hover{border-color:var(--border-focus);box-shadow:0 10px 30px -10px #00000080}.nav-logo{font-family:var(--title-font);letter-spacing:-.5px;background:linear-gradient(135deg,#fff 30%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.nav-links{gap:8px;display:flex}.nav-link{color:var(--text-secondary);font-family:var(--sans-font);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:99px;padding:8px 16px;font-size:13px;font-weight:500}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link.active{color:var(--text-primary);background:#ffffff1a;box-shadow:inset 0 1px 1px #ffffff1a}.hero-section{text-align:center;flex-direction:column;align-items:center;padding:80px 0 40px;animation:1s cubic-bezier(.16,1,.3,1) fadeUp;display:flex}.eyebrow{border:1px solid var(--border-muted);text-transform:uppercase;letter-spacing:.18em;color:#c084fc;background:#ffffff0d;border-radius:999px;align-items:center;margin-bottom:24px;padding:6px 14px;font-size:10px;font-weight:600;display:inline-flex}.hero-title{font-family:var(--title-font);letter-spacing:-.03em;color:#fff;max-width:800px;margin-bottom:16px;font-size:56px;font-weight:800;line-height:1.1}.hero-title span{background:linear-gradient(135deg,#a78bfa 0%,#10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:32px;font-size:17px;line-height:1.6}.bezel-outer{background:var(--bg-bezel);border:1px solid var(--border-muted);transition:var(--transition-smooth);border-radius:2rem;width:100%;padding:8px}.bezel-inner{background:var(--bg-card);border:1px solid var(--border-muted);transition:var(--transition-smooth);border-radius:calc(2rem - 8px);padding:32px;box-shadow:inset 0 1px 1px #ffffff0d}.bento-grid{grid-template-cols:repeat(12, 1fr);gap:24px;width:100%;margin-bottom:64px;display:grid}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.table-container{width:100%;overflow-x:auto}.dashboard-table{border-collapse:collapse;text-align:left;width:100%}.dashboard-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border-muted);padding:16px 20px;font-size:11px;font-weight:600}.dashboard-table td{color:var(--text-primary);border-bottom:1px solid #ffffff08;padding:18px 20px;font-size:14px}.dashboard-table tbody tr{transition:var(--transition-smooth);cursor:pointer}.dashboard-table tbody tr:hover{background:#ffffff05}.dashboard-table tbody tr:last-child td{border-bottom:none}.badge-rank{border:1px solid var(--border-muted);background:#ffffff0d;border-radius:99px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.rank-1{color:#000;background:linear-gradient(135deg,#fef08a 0%,#ca8a04 100%);border-color:#fef08a;box-shadow:0 0 15px #eab3084d}.rank-2{color:#000;background:linear-gradient(135deg,#f1f5f9 0%,#475569 100%);border-color:#f1f5f9;box-shadow:0 0 15px #94a3b833}.rank-3{color:#000;background:linear-gradient(135deg,#fed7aa 0%,#ea580c 100%);border-color:#fed7aa;box-shadow:0 0 15px #f9731633}.badge-tier{letter-spacing:.02em;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.tier-1{background:var(--color-tier-1-bg);color:var(--color-tier-1);border:1px solid #10b98140}.tier-2{background:var(--color-tier-2-bg);color:var(--color-tier-2);border:1px solid #f59e0b40}.tier-3{background:var(--color-tier-3-bg);color:var(--color-tier-3);border:1px solid #ef444440}.skills-grid{grid-template-cols:repeat(auto-fill, minmax(280px, 1fr));gap:20px;width:100%;display:grid}.skill-card-inner{cursor:pointer;flex-direction:column;justify-content:space-between;height:100%;min-height:180px;padding:24px;display:flex}.skill-card-inner:hover{border-color:var(--border-glow);box-shadow:0 0 25px #8b5cf626}.skill-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.skill-name-title{font-family:var(--title-font);color:#fff;font-size:18px;font-weight:600;line-height:1.3}.skill-score-label{font-family:var(--mono-font);color:#fff;font-size:20px;font-weight:700}.skill-meta{color:var(--text-secondary);margin-top:auto;font-size:12px;line-height:1.5}.sandbox-editor{flex-direction:column;gap:20px;width:100%;display:flex}.editor-textarea{border:1px solid var(--border-muted);color:#fff;width:100%;min-height:250px;font-family:var(--mono-font);resize:vertical;transition:var(--transition-smooth);background:#0000004d;border-radius:12px;outline:none;padding:16px;font-size:14px;line-height:1.5}.editor-textarea:focus{border-color:var(--purple-glow);box-shadow:0 0 15px #8b5cf626}.editor-actions{justify-content:flex-end;gap:12px;display:flex}.btn-pill{font-family:var(--sans-font);cursor:pointer;transition:var(--transition-bounce);border:none;border-radius:999px;align-items:center;gap:12px;padding:10px 24px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#000;background:#fff}.btn-primary:hover{transform:scale(1.03);box-shadow:0 0 20px #fff3}.btn-secondary{color:#fff;border:1px solid var(--border-muted);background:#ffffff0d}.btn-secondary:hover{border-color:var(--border-focus);background:#ffffff1a}.btn-icon-wrapper{width:26px;height:26px;transition:var(--transition-bounce);background:#0000001a;border-radius:99px;justify-content:center;align-items:center;display:flex}.btn-secondary .btn-icon-wrapper{background:#ffffff1a}.btn-pill:hover .btn-icon-wrapper{transform:translate(2px,-2px)scale(1.1)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000c;justify-content:center;align-items:center;padding:24px;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.modal-wrapper{width:100%;max-width:900px;max-height:90vh;animation:.5s cubic-bezier(.34,1.56,.64,1) scaleUp;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.modal-close-btn{border:1px solid var(--border-muted);color:#fff;cursor:pointer;width:36px;height:36px;transition:var(--transition-smooth);background:#ffffff0d;border-radius:99px;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background:#ffffff1a;transform:scale(1.05)}.score-breakdown-panel{grid-template-cols:1fr 2fr;gap:32px;margin-bottom:32px;display:grid}@media (width<=768px){.score-breakdown-panel{grid-template-cols:1fr}}.score-dial-box{border:1px solid var(--border-muted);background:#ffffff05;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.radial-progress{width:150px;height:150px;position:relative}.radial-progress svg{transform:rotate(-90deg)}.radial-circle-bg{fill:none;stroke:#ffffff0d;stroke-width:10px}.radial-circle-val{fill:none;stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.radial-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.radial-score-val{font-family:var(--mono-font);font-size:32px;font-weight:800}.radial-score-lbl{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:11px}.dimensions-list{flex-direction:column;gap:16px;display:flex}.dimension-bar-wrapper{flex-direction:column;gap:6px;display:flex}.dimension-header{justify-content:space-between;font-size:13px;font-weight:500;display:flex}.dimension-name{color:var(--text-primary)}.dimension-score{font-family:var(--mono-font);font-weight:600}.dimension-track{background:#ffffff0d;border-radius:99px;width:100%;height:8px;position:relative;overflow:hidden}.dimension-fill{background:linear-gradient(90deg, var(--purple-glow), var(--emerald-glow));border-radius:99px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.criteria-list-section{margin-top:32px}.section-subtitle{font-family:var(--title-font);color:#fff;margin-bottom:16px;font-size:20px;font-weight:600}.criteria-details-grid{grid-template-cols:repeat(auto-fill, minmax(200px, 1fr));gap:12px;margin-top:16px;display:grid}.criteria-pill{border:1px solid var(--border-muted);background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.criteria-pill-code{font-family:var(--mono-font);font-weight:700}.criteria-pill-score{font-family:var(--mono-font)}.criteria-pill.perfect{background:#10b98105;border-color:#10b98133}.criteria-pill.perfect .criteria-pill-score{color:var(--color-tier-1)}.criteria-pill.needs-improvement{background:#ef444408;border-color:#ef44444d}.criteria-pill.needs-improvement .criteria-pill-score{color:var(--color-tier-3)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@media (width<=768px){.bento-grid{grid-template-cols:1fr;gap:16px}.col-8,.col-4,.col-6{grid-column:span 12}.hero-title{font-size:38px}.floating-nav{margin:12px auto 0;top:12px}.bezel-inner{padding:16px}}