@charset "UTF-8";.layout{min-height:100vh;background:hsl(var(--background));position:relative}.layout .header-container{position:fixed;top:0;left:0;right:0;z-index:100;background:hsl(var(--background));border-bottom:1px solid hsl(var(--border))}.layout .header{width:100%;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;margin:0 auto;position:relative}.layout .header .logo{display:flex;align-items:center;gap:12px}.layout .header .logo .logo-title{margin:0;color:hsl(var(--foreground));font-weight:800;font-size:1.15rem;letter-spacing:-.05em;line-height:1}.layout .header .logo .logo-title .logo-dot{color:hsl(var(--primary))}.layout .header .nav-menu{display:flex;gap:4px;position:absolute;left:50%;transform:translate(-50%)}.layout .header .nav-menu .nav-button{height:36px;padding:0 12px;border-radius:8px;font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground))}.layout .header .nav-menu .nav-button .nav-icon{display:inline-flex;align-items:center;justify-content:center}.layout .header .nav-menu .nav-button.active{color:hsl(var(--foreground));font-weight:600}.layout .header .nav-menu .nav-button.active .nav-icon{color:hsl(var(--primary))}.layout .header .nav-menu .nav-button.inactive:hover{color:hsl(var(--foreground))}.layout .header .header-actions{display:flex;align-items:center;gap:8px}.layout .header .header-actions .mobile-nav-menu-button{height:36px}.layout .header .header-actions .user-button{height:36px;gap:10px;padding:0 2px 0 12px;border:1px solid hsl(var(--border));border-radius:9999px;background:hsl(var(--background))}.layout .header .header-actions .user-button:hover{background:hsl(var(--accent))}.layout .header .header-actions .user-button .user-name{max-width:120px;overflow:hidden;color:hsl(var(--foreground));font-size:.875rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.layout .header .header-actions .user-button .user-avatar{width:32px;height:32px;background:hsl(var(--muted));color:hsl(var(--foreground))}.layout .header .header-actions .guest-actions{display:flex;align-items:center;gap:8px}.layout .header .header-actions .btn-login,.layout .header .header-actions .btn-signup{height:36px;padding:0 16px}.layout .content{width:100%;min-height:calc(100vh - 64px);margin-top:64px;background:transparent;overflow:auto;box-sizing:border-box;position:relative;z-index:1}.menu-item-vip{color:#d97706!important}@media (max-width: 1024px){.layout .header{padding:0 20px}}@media (max-width: 768px){.layout .content{padding:0 16px 40px}.layout .header{padding:0 12px;gap:8px}.layout .header .logo .logo-title{font-size:1rem}.layout .header .header-actions .user-button{height:34px;max-width:120px}.layout .header .header-actions .user-button .user-name{max-width:64px;font-size:13px}.layout .header .header-actions .btn-login,.layout .header .header-actions .btn-signup{height:34px;padding-inline:12px;font-size:13px}}@media (max-width: 480px){.layout .content{padding:0 12px 40px}.layout .header{padding:0 8px}.layout .header .header-actions{gap:4px}.layout .header .header-actions .user-button{max-width:92px;padding-left:8px}.layout .header .header-actions .user-button .user-name{max-width:44px}.layout .header .header-actions .btn-login{display:none}}.feedback-drawer{height:min(80vh,720px);overflow:hidden}.feedback-drawer .feedback-loading{flex:1;display:flex;align-items:center;justify-content:center;color:hsl(var(--muted-foreground))}.feedback-drawer .feedback-empty-wrapper{flex:1;display:flex;align-items:center;justify-content:center;color:hsl(var(--muted-foreground));font-size:14px}.feedback-list{display:flex;flex-direction:column;flex:1;min-height:0}.feedback-list .feedback-ticket-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 2px 4px 0}.feedback-list-footer{flex-shrink:0;display:flex;justify-content:center;padding-top:12px;border-top:1px solid hsl(var(--border))}.feedback-list .ticket-item{width:100%;display:block;text-align:left;background:hsl(var(--background));color:inherit;border:1px solid hsl(var(--border));border-radius:8px;padding:12px 14px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.feedback-list .ticket-item:hover{border-color:hsl(var(--primary)/.4);background:hsl(var(--primary)/.05)}.feedback-list .ticket-item-content{width:100%}.feedback-list .ticket-item .ticket-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.feedback-list .ticket-item .ticket-title{flex:1;min-width:0;display:flex;align-items:center;gap:6px;font-weight:500;font-size:14px;color:hsl(var(--foreground))}.feedback-list .ticket-item .ticket-title .ticket-title-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-list .ticket-item .ticket-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.feedback-list .ticket-item .ticket-status{flex-shrink:0;padding:2px 8px;border-radius:9999px;font-size:12px;font-weight:500;line-height:1.4}.feedback-list .ticket-item .ticket-status.open{color:hsl(var(--primary));background:hsl(var(--primary)/.1)}.feedback-list .ticket-item .ticket-status.closed{color:hsl(var(--muted-foreground));background:hsl(var(--muted))}.feedback-list .ticket-item .ticket-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:9999px;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer;transition:color .15s ease,background-color .15s ease}.feedback-list .ticket-item .ticket-delete-btn svg{width:16px;height:16px}.feedback-list .ticket-item .ticket-delete-btn:hover{color:hsl(var(--destructive));background:hsl(var(--destructive)/.1)}.feedback-list .ticket-item .ticket-meta{display:flex;gap:16px;font-size:12px;color:hsl(var(--muted-foreground))}.feedback-detail{display:flex;flex-direction:column;flex:1;min-height:0}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:16px 4px;display:flex;flex-direction:column;gap:12px}.chat-bubble{max-width:85%}.chat-bubble.user{align-self:flex-end;display:flex;flex-direction:column;align-items:flex-end}.chat-bubble.user .chat-bubble-content{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:12px 12px 4px}.chat-bubble.user .chat-bubble-header{flex-direction:row-reverse;text-align:right}.chat-bubble.user.send-failed .chat-bubble-content{opacity:.7}.chat-bubble.admin{align-self:flex-start}.chat-bubble.admin .chat-bubble-content{background:hsl(var(--muted));color:hsl(var(--foreground));border-radius:12px 12px 12px 4px}.chat-bubble-header{display:flex;gap:8px;margin-bottom:4px;font-size:12px;color:hsl(var(--muted-foreground))}.chat-bubble-content{display:inline-block;padding:10px 14px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.chat-bubble-image{max-width:200px;max-height:200px;border-radius:8px;cursor:pointer;-o-object-fit:cover;object-fit:cover}.chat-bubble-file{display:flex;align-items:center;gap:10px;padding:10px 14px;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:10px;min-width:200px;max-width:280px;cursor:pointer;transition:border-color .15s ease}.chat-bubble-file:hover{border-color:hsl(var(--primary)/.4)}.chat-bubble-file .file-icon{font-size:28px;flex-shrink:0;color:hsl(var(--muted-foreground))}.chat-bubble-file .file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-bubble-file .file-name{font-size:13px;font-weight:500;color:hsl(var(--foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-bubble-file .file-size{font-size:11px;color:hsl(var(--muted-foreground))}.chat-bubble-file .file-download{font-size:16px;flex-shrink:0;color:hsl(var(--muted-foreground));cursor:pointer;transition:color .15s ease}.chat-bubble-file .file-download:hover{color:hsl(var(--foreground))}.chat-input-area{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid hsl(var(--border));flex-shrink:0}.chat-input-area textarea{width:100%}.chat-input-tools{display:flex;align-items:center;justify-content:space-between;gap:8px}.pending-upload-card{display:flex;align-items:center;gap:8px;padding:8px 12px;background:hsl(var(--muted));border-radius:8px;border:1px solid hsl(var(--border))}.pending-upload-card .pending-upload-thumb{width:48px;height:48px;border-radius:4px;-o-object-fit:cover;object-fit:cover}.pending-upload-card .pending-upload-name{flex:1;font-size:13px;color:hsl(var(--foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-upload-card .pending-upload-remove{font-size:18px;color:hsl(var(--muted-foreground));cursor:pointer;flex-shrink:0}.pending-upload-card .pending-upload-remove:hover{color:hsl(var(--destructive))}.feedback-create{display:flex;flex-direction:column;flex:1;min-height:0}.feedback-create-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:8px 0}.feedback-create .form-item{display:flex;flex-direction:column;gap:6px}.feedback-create .form-label{font-size:14px;font-weight:500;color:hsl(var(--foreground))}.feedback-create .form-error{font-size:13px;color:hsl(var(--destructive));line-height:1.4}.feedback-button-wrapper{position:fixed;z-index:var(--z-fixed);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.feedback-button-wrapper .feedback-button-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9999px;background:hsl(var(--destructive));color:hsl(var(--destructive-foreground));font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 2px 6px rgba(var(--shadow-color-rgb),.2);pointer-events:none;z-index:1}.feedback-button-wrapper .feedback-button{position:relative}.feedback-button-wrapper.dragging{cursor:grabbing}.feedback-button-wrapper.dragging .round-button{transform:scale(1.02);box-shadow:0 8px 20px rgba(var(--shadow-color-rgb),.15)}.home-layout{min-height:100vh;background:hsl(var(--background));position:relative;overflow:hidden}.home-layout .aurora-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 16% 4%,hsl(var(--muted)) 0,transparent 28rem),radial-gradient(circle at 82% 12%,rgba(231,229,228,.75) 0,transparent 24rem),hsl(var(--background));overflow:hidden;pointer-events:none}.home-layout .aurora-bg .blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.28;animation:moveBlob 14s infinite alternate}.home-layout .aurora-bg .blob.blob-1{top:-18%;left:-12%;width:46vw;height:46vw;background:hsl(var(--border))}.home-layout .aurora-bg .blob.blob-2{bottom:-18%;right:-12%;width:54vw;height:54vw;background:hsl(var(--border));animation-delay:-5s}.home-layout .aurora-bg .blob.blob-3{top:42%;left:45%;width:34vw;height:34vw;background:hsl(var(--muted));animation-delay:-8s}@keyframes moveBlob{0%{transform:translate(0) scale(1)}to{transform:translate(32px,-24px) scale(1.08)}}.home-layout .home-header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;background:hsl(var(--background));border-bottom:1px solid hsl(var(--border))}.home-layout .home-header .logo{display:flex;align-items:center}.home-layout .home-header .logo .logo-title{margin:0;color:hsl(var(--foreground));font-weight:800;font-size:1.15rem;letter-spacing:-.05em;line-height:1}.home-layout .home-header .logo .logo-title .logo-dot{color:hsl(var(--primary))}.home-layout .home-header .header-actions{display:flex;align-items:center;gap:8px}.home-layout .home-header .header-actions .user-button{height:36px;gap:10px;padding:0 2px 0 12px;border:1px solid hsl(var(--border));border-radius:9999px;background:hsl(var(--background))}.home-layout .home-header .header-actions .user-button:hover{background:hsl(var(--accent))}.home-layout .home-header .header-actions .user-button .user-name{max-width:120px;overflow:hidden;color:hsl(var(--foreground));font-size:.875rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.home-layout .home-header .header-actions .guest-actions{display:flex;align-items:center;gap:8px}.home-layout .home-header .header-actions .btn-login,.home-layout .home-header .header-actions .btn-signup{height:36px;padding:0 16px}.home-layout .home-content{padding:0;background:transparent;overflow:auto;margin-top:64px;position:relative;z-index:1}@media (max-width: 768px){.home-layout .home-header{padding:0 12px}.home-layout .home-header .logo .logo-title{font-size:1rem}.home-layout .home-header .header-actions{gap:4px}.home-layout .home-header .header-actions .btn-login,.home-layout .home-header .header-actions .btn-signup{height:34px;padding-inline:12px;font-size:13px}.home-layout .home-header .header-actions .user-name{display:none}}@media (max-width: 520px){.home-layout .home-header .header-actions .btn-login{display:none}}.home-page{min-height:100vh;overflow-x:hidden;color:hsl(var(--foreground));background:radial-gradient(circle at 18% 0%,hsl(var(--muted)) 0,transparent 34rem),hsl(var(--background))}.home-page .hero{max-width:1180px;margin:0 auto;padding:8rem 5% 7rem;position:relative;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.76fr);align-items:center;gap:4rem}.home-page .hero .hero-content{animation:fadeUp .7s ease-out}.home-page .hero .hero-kicker{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.4rem .9rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--primary));background:hsl(var(--primary)/.08);border:1px solid hsl(var(--primary)/.15);border-radius:999px}.home-page .hero h1{margin-bottom:1.75rem;color:hsl(var(--foreground));font-size:clamp(2.75rem,6.5vw,5rem);line-height:.98;font-weight:800;letter-spacing:-.055em;text-wrap:balance}.home-page .hero .highlight{color:hsl(var(--primary));font-weight:800}.home-page .hero .subtitle{max-width:54ch;margin:0 0 2.75rem;color:hsl(var(--muted-foreground));font-size:1.125rem;line-height:1.75;text-wrap:pretty}.home-page .hero .btn-group{display:flex;gap:.75rem;flex-wrap:wrap}.home-page .hero .hero-preview{justify-self:end;width:100%;max-width:330px;display:grid;animation:fadeUp .9s ease-out .15s backwards}.home-page .hero .hero-preview img{grid-area:1/1;display:block;width:100%;height:auto;border-radius:12px;border:1px solid hsl(var(--border));box-shadow:0 24px 48px -20px hsl(var(--foreground)/.24)}.home-page .hero .hero-preview .hero-preview__back{transform-origin:50% 100%;filter:brightness(.93);box-shadow:0 20px 40px -16px hsl(var(--foreground)/.3)}.home-page .hero .hero-preview .hero-preview__back--1{z-index:3;transform:rotate(-5deg) scale(.97)}.home-page .hero .hero-preview .hero-preview__back--2{z-index:2;transform:rotate(-10deg) scale(.94)}.home-page .hero .hero-preview .hero-preview__back--3{z-index:1;transform:rotate(-15deg) scale(.91)}.home-page .hero .hero-preview .hero-preview__front{z-index:4;box-shadow:0 32px 64px -24px hsl(var(--foreground)/.3),0 10px 24px -12px hsl(var(--foreground)/.14)}.home-page .features{max-width:1180px;margin:0 auto;padding:5rem 5% 6rem;animation:fadeUp .8s ease-out .1s backwards}.home-page .features .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid hsl(var(--border))}.home-page .features .section-title{margin:0;color:hsl(var(--foreground));font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.045em}.home-page .features .section-subtitle{max-width:40ch;margin:0;color:hsl(var(--muted-foreground));font-size:1rem;line-height:1.7;text-align:right}.home-page .features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:4rem;column-gap:4rem}.home-page .feature-item{display:flex;gap:1.5rem;padding:2.25rem 0;border-top:1px solid hsl(var(--border))}.home-page .feature-item:nth-child(-n+2){border-top:none}.home-page .feature-number{flex-shrink:0;width:2rem;padding-top:.35rem;font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:500;letter-spacing:.08em;color:hsl(var(--muted-foreground))}.home-page .feature-body .feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border-radius:.75rem;background:hsl(var(--primary)/.08);color:hsl(var(--primary))}.home-page .feature-body h3{margin:0 0 .5rem;color:hsl(var(--foreground));font-size:1.125rem;font-weight:700;letter-spacing:-.02em}.home-page .feature-body p{margin:0;max-width:46ch;color:hsl(var(--muted-foreground));font-size:.95rem;line-height:1.7}.home-page .cta-section{max-width:1180px;margin:0 auto;padding:4rem 5% 7rem;animation:fadeUp .8s ease-out .2s backwards}.home-page .cta-section .cta-inner{position:relative;overflow:hidden;padding:4rem 3rem;border-radius:1.75rem;background:radial-gradient(circle at 100% 0%,hsl(var(--primary)/.28) 0,transparent 26rem),hsl(var(--primary))}.home-page .cta-section .cta-inner h2{margin:0 0 1rem;color:hsl(var(--primary-foreground));font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;letter-spacing:-.045em}.home-page .cta-section .cta-inner p{max-width:52ch;margin:0 0 2rem;color:hsl(var(--primary-foreground)/.85);font-size:1rem;line-height:1.75}.home-page .home-footer{position:relative;z-index:10;padding:56px 5% 40px;color:hsl(var(--foreground));border-top:1px solid hsl(var(--border));background:hsl(var(--background))}.home-page .footer-content{max-width:1180px;margin:0 auto 36px;display:grid;grid-template-columns:1fr 2fr;gap:4rem}.home-page .footer-brand .footer-brand-title{margin-bottom:.5rem;color:hsl(var(--foreground));font-size:1.25rem;font-weight:800;letter-spacing:-.04em}.home-page .footer-brand .footer-brand-subtitle{margin:0;color:hsl(var(--muted-foreground));font-size:.9rem}.home-page .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}.home-page .footer-link-group{display:flex;flex-direction:column;gap:.65rem}.home-page .footer-link-group .footer-link-title{margin-bottom:.35rem;color:hsl(var(--foreground));font-size:.9rem;font-weight:700}.home-page .footer-link-group a{color:hsl(var(--muted-foreground));font-size:.9rem;text-decoration:none;cursor:pointer;transition:color .2s ease}.home-page .footer-link-group a:hover{color:hsl(var(--primary))}.home-page .footer-link-group .contact-email{color:hsl(var(--muted-foreground));font-size:.85rem}.home-page .footer-bottom{max-width:1180px;margin:0 auto;padding-top:1.5rem;border-top:1px solid hsl(var(--border));text-align:center}.home-page .footer-bottom .footer-copyright,.home-page .footer-bottom .footer-icp{margin:.25rem 0;color:hsl(var(--muted-foreground));font-size:.85rem}.home-page .footer-bottom a{color:hsl(var(--muted-foreground));text-decoration:none}.home-page .footer-bottom a:hover{color:hsl(var(--primary))}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.home-page .hero{grid-template-columns:minmax(0,1fr);gap:3rem}.home-page .hero .hero-preview{justify-self:center;max-width:270px}.home-page .features-grid{grid-template-columns:1fr;-moz-column-gap:0;column-gap:0}.home-page .feature-item:nth-child(-n+2){border-top:1px solid hsl(var(--border))}.home-page .section-head{flex-direction:column;align-items:flex-start;gap:1rem}.home-page .section-head .section-subtitle{text-align:left}}@media (max-width: 768px){.home-page .hero{padding:6rem 5% 5rem}.home-page .hero .subtitle{font-size:1rem}.home-page .features{padding:4rem 5%}.home-page .cta-section{padding:4rem 5% 6rem}.home-page .cta-inner{padding:2.5rem 1.5rem}.home-page .footer-content{grid-template-columns:1fr;gap:2rem}}.hidden-file-input{display:none}.avatar-editor-modal{max-height:calc(100vh - 32px);overflow-y:auto}.avatar-editor-modal .avatar-editor-content{display:flex;flex-direction:column;gap:16px}.avatar-editor-modal .avatar-editor-content .section-label{font-size:14px;font-weight:500;color:hsl(var(--muted-foreground))}.avatar-editor-modal .avatar-editor-content .shape-section{display:flex;flex-direction:column;gap:8px}.avatar-editor-modal .avatar-editor-content .shape-section .shape-options{display:flex;gap:8px}.avatar-editor-modal .avatar-editor-content .shape-section .shape-options .shape-option{flex:1;height:36px;padding:0 12px;border-radius:9999px;border:1px solid hsl(var(--border));background:#fff;font-size:14px;color:hsl(var(--muted-foreground));cursor:pointer;white-space:nowrap;transition:all .2s ease}.avatar-editor-modal .avatar-editor-content .shape-section .shape-options .shape-option:hover:not(:disabled){border-color:hsl(var(--primary));color:hsl(var(--primary));background:hsl(var(--primary)/.1)}.avatar-editor-modal .avatar-editor-content .shape-section .shape-options .shape-option.active{background:hsl(var(--primary)/.1);border-color:hsl(var(--primary));color:hsl(var(--primary));font-weight:500}.avatar-editor-modal .avatar-editor-content .shape-section .shape-options .shape-option:disabled{opacity:.5;cursor:not-allowed}.avatar-editor-modal .avatar-editor-content .editor-container{display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-editor-modal .avatar-editor-content .editor-container .editor-stage{position:relative;line-height:0}.avatar-editor-modal .avatar-editor-content .editor-container .editor-stage canvas{display:block}.avatar-editor-modal .avatar-editor-content .editor-container .editor-stage .crop-outline{position:absolute;pointer-events:none;border:1.5px solid hsl(var(--primary));box-sizing:border-box}.avatar-editor-modal .avatar-editor-content .zoom-section{display:flex;flex-direction:column;gap:12px}.avatar-editor-modal .avatar-editor-content .zoom-section .section-label{display:flex;align-items:center;justify-content:center;gap:8px}.avatar-editor-modal .avatar-editor-content .zoom-section .section-label svg{color:hsl(var(--muted-foreground))}.avatar-editor-modal .avatar-editor-content .zoom-section .zoom-slider{width:100%;accent-color:hsl(var(--primary));cursor:pointer}.avatar-editor-modal .avatar-editor-actions{display:flex;justify-content:flex-end;gap:8px}@media (max-width: 768px){.avatar-editor-modal .avatar-editor-content{gap:16px}.avatar-editor-modal .avatar-editor-content .editor-container{min-height:260px}.avatar-editor-modal .avatar-editor-content .shape-section .shape-options{flex-direction:column}.avatar-editor-modal .avatar-editor-content .shape-section .shape-options .shape-option{width:100%}}.personal-info-card{background:#fff;border-radius:var(--border-radius-md);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm);border:1px solid hsl(var(--border));position:relative;transition:box-shadow var(--transition-slow) var(--ease-out)}.personal-info-card:hover{box-shadow:var(--shadow-md)}.personal-info-card.preview-mode .preview-content{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;min-height:120px}.personal-info-card.preview-mode .preview-content .preview-left{flex:1;min-width:0}.personal-info-card.preview-mode .preview-content .preview-left .preview-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:12px}.personal-info-card.preview-mode .preview-content .preview-left .preview-header .preview-name{font-size:24px;font-weight:600;color:hsl(var(--foreground));margin:0;line-height:1.2}.personal-info-card.preview-mode .preview-content .preview-left .preview-header .preview-title{font-size:14px;color:hsl(var(--muted-foreground));margin:0;font-weight:400}.personal-info-card.preview-mode .preview-content .preview-left .contact-info .contact-item{display:flex;align-items:center;margin-bottom:8px}.personal-info-card.preview-mode .preview-content .preview-left .contact-info .contact-item .contact-icon{display:inline-flex;flex-shrink:0;margin-right:8px;color:hsl(var(--muted-foreground))}.personal-info-card.preview-mode .preview-content .preview-left .contact-info .contact-item .contact-text{font-size:14px;color:hsl(var(--muted-foreground))}.personal-info-card.preview-mode .preview-content .preview-left .contact-info .contact-item a.contact-text{text-decoration:none}.personal-info-card.preview-mode .preview-content .preview-left .contact-info .contact-item a.contact-text:hover{color:hsl(var(--primary));text-decoration:underline}.personal-info-card.preview-mode .preview-content .preview-right{flex-shrink:0;padding-top:20px}.personal-info-card.preview-mode .preview-content .preview-right .preview-avatar-container{position:relative;display:inline-block}.personal-info-card.preview-mode .preview-content .preview-right .preview-avatar-container .preview-avatar{border:3px solid hsl(var(--border));box-shadow:0 4px 12px rgba(var(--shadow-color-rgb),.1)}.personal-info-card.preview-mode .preview-content .preview-right .avatar-placeholder{width:96px;height:96px;border-radius:50%;background:hsl(var(--muted));display:flex;align-items:center;justify-content:center}.personal-info-card.preview-mode .preview-content .preview-right .avatar-placeholder .camera-icon{color:hsl(var(--muted-foreground))}.personal-info-card.preview-mode .edit-button{position:absolute;top:16px;right:16px;border:1px solid hsl(var(--border));background:#fff;color:hsl(var(--muted-foreground));box-shadow:var(--shadow-sm)}.personal-info-card.preview-mode .edit-button:hover{border-color:hsl(var(--primary));color:hsl(var(--primary));background:hsl(var(--primary)/.1)}.personal-info-card.edit-mode .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid hsl(var(--border))}.personal-info-card.edit-mode .card-header .card-title{font-size:16px;font-weight:600;color:hsl(var(--foreground));margin:0}.personal-info-card.edit-mode .edit-form .edit-form-layout{display:flex;align-items:flex-start;gap:40px}.personal-info-card.edit-mode .edit-form .edit-form-layout .edit-form-main{flex:1;min-width:0}.personal-info-card.edit-mode .edit-form .edit-form-layout .edit-form-side{flex-shrink:0;width:112px}.personal-info-card.edit-mode .edit-form .form-field-container{margin-bottom:16px}.personal-info-card.edit-mode .edit-form .form-field-container .form-field-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:hsl(var(--muted-foreground))}.personal-info-card.edit-mode .edit-form .detail-label{display:flex;align-items:center;gap:8px;height:24px;margin-bottom:8px;font-size:14px;font-weight:500;color:hsl(var(--muted-foreground))}.personal-info-card.edit-mode .edit-form .detail-label .detail-icon{display:inline-flex;color:hsl(var(--muted-foreground))}.personal-info-card.edit-mode .edit-form .detail-label .remove-detail-btn{margin-left:auto;flex-shrink:0;width:20px;height:20px;padding:0;color:hsl(var(--muted-foreground))}.personal-info-card.edit-mode .edit-form .detail-label .remove-detail-btn:hover{color:hsl(var(--destructive));background:hsl(var(--destructive)/.1)}.personal-info-card.edit-mode .edit-form .detail-sortable-list{width:calc(100% + 40px);gap:16px}.personal-info-card.edit-mode .edit-form .detail-sortable-item{position:relative}.personal-info-card.edit-mode .edit-form .detail-sortable-item.dragging{opacity:.5}.personal-info-card.edit-mode .edit-form .detail-sortable-item .detail-field-content{width:calc(100% - 40px);min-width:0}.personal-info-card.edit-mode .edit-form .detail-sortable-item .detail-drag-handle{position:absolute;right:0;bottom:0;width:28px;height:36px;border:none;border-radius:var(--border-radius-sm);background:transparent;color:hsl(var(--muted-foreground));display:inline-flex;align-items:center;justify-content:center;cursor:grab;transition:color var(--transition-base) var(--ease-out)}.personal-info-card.edit-mode .edit-form .detail-sortable-item .detail-drag-handle svg{width:16px;height:16px}.personal-info-card.edit-mode .edit-form .detail-sortable-item .detail-drag-handle:hover{color:hsl(var(--foreground))}.personal-info-card.edit-mode .edit-form .detail-sortable-item .detail-drag-handle:active{cursor:grabbing;color:hsl(var(--foreground))}.personal-info-card.edit-mode .edit-form .detail-link-field-group .link-input-wrapper{position:relative}.personal-info-card.edit-mode .edit-form .detail-link-field-group .link-text-input{padding-right:72px}.personal-info-card.edit-mode .edit-form .detail-link-field-group .link-url-toggle{position:absolute;top:50%;right:6px;z-index:1;height:26px;padding:0 10px;font-size:12px;transform:translateY(-50%)}.personal-info-card.edit-mode .edit-form .add-details-section{margin-top:24px;padding-top:20px;border-top:1px solid hsl(var(--border))}.personal-info-card.edit-mode .edit-form .add-details-section .add-details-title{font-size:14px;font-weight:600;color:hsl(var(--foreground));margin:0 0 16px}.personal-info-card.edit-mode .edit-form .add-details-section .add-details-buttons{display:flex;flex-wrap:wrap;gap:8px}.personal-info-card.edit-mode .edit-form .add-details-section .add-details-buttons .add-detail-btn.active{background:hsl(var(--primary)/.1);border-color:hsl(var(--primary));color:hsl(var(--primary));opacity:1}.personal-info-card.edit-mode .edit-form .form-actions{margin-top:24px;padding-top:20px;border-top:1px solid hsl(var(--border));display:flex;justify-content:center}.personal-info-card.edit-mode .edit-form .form-actions .done-button{min-width:120px}.link-url-popover-content{margin-top:8px}.custom-field-modal-content .custom-field-input-section{margin-bottom:20px}.custom-field-modal-content .custom-field-input-section label{display:block;font-weight:500;color:hsl(var(--muted-foreground));font-size:14px;margin-bottom:8px}.custom-field-modal-content .custom-field-icon-section label{display:block;font-weight:500;color:hsl(var(--muted-foreground));font-size:14px;margin-bottom:12px}.custom-field-modal-content .custom-field-icon-section .icon-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;max-height:300px;overflow-y:auto;padding:8px;border:1px solid hsl(var(--border));border-radius:var(--border-radius-sm);background:hsl(var(--muted))}.custom-field-modal-content .custom-field-icon-section .icon-picker-grid .icon-picker-item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid hsl(var(--border));border-radius:var(--border-radius-sm);background:#fff;cursor:pointer;transition:all .2s ease;font-size:18px;color:hsl(var(--muted-foreground))}.custom-field-modal-content .custom-field-icon-section .icon-picker-grid .icon-picker-item:hover{border-color:hsl(var(--primary));color:hsl(var(--primary));background:hsl(var(--primary)/.1)}.custom-field-modal-content .custom-field-icon-section .icon-picker-grid .icon-picker-item.selected{border-color:hsl(var(--primary));background:hsl(var(--primary)/.1);color:hsl(var(--primary))}@media (max-width: 768px){.personal-info-card.preview-mode .preview-content{flex-direction:column;text-align:center}.personal-info-card.preview-mode .preview-content .preview-left{padding-right:0;margin-bottom:16px}.personal-info-card.preview-mode .preview-content .preview-right .avatar-placeholder{width:60px;height:60px}.personal-info-card.preview-mode .preview-content .preview-right .avatar-placeholder .camera-icon{font-size:20px}.personal-info-card.edit-mode .edit-form .edit-form-layout{flex-direction:column;gap:16px}.personal-info-card.edit-mode .edit-form .edit-form-layout .edit-form-side{width:100%}.personal-info-card.edit-mode .edit-form .add-details-section .add-details-buttons .add-detail-btn{font-size:12px;height:28px;padding:0 8px}}.universal-draggable-form .draggable-list{position:relative;width:100%;min-height:100px}.universal-draggable-form .draggable-list .empty-state{text-align:center;padding:40px 20px;color:hsl(var(--muted-foreground));font-size:14px}.universal-draggable-form .draggable-list .empty-state .anticon{font-size:48px;color:hsl(var(--border));margin-bottom:16px;display:block}.text-check-modal{max-height:min(90vh,760px);overflow-y:auto}.text-check-modal .preview-section{margin-bottom:16px}.text-check-modal .section-title{margin-bottom:8px;font-size:14px;font-weight:600;color:hsl(var(--foreground))}.text-check-modal .original-text-preview{max-height:300px;padding:14px 16px;margin-bottom:8px;overflow-y:auto;font-size:14px;line-height:1.8;color:hsl(var(--foreground));word-break:break-word;background-color:hsl(var(--muted)/.4);border:1px solid hsl(var(--border));border-radius:10px}.text-check-modal .original-text-preview p{margin:.5em 0}.text-check-modal .original-text-preview ul,.text-check-modal .original-text-preview ol{margin:.5em 0;padding-left:2em}.text-check-modal .original-text-preview strong{font-weight:600}.text-check-modal .original-text-preview em{font-style:italic}.text-check-modal .original-text-preview .error-highlight{cursor:pointer;border-radius:3px;-webkit-text-decoration:underline wavy hsl(var(--destructive));text-decoration:underline wavy hsl(var(--destructive));text-decoration-thickness:1.5px;text-underline-offset:3px;transition:background-color .15s ease}.text-check-modal .original-text-preview .error-highlight[data-severity=warning]{text-decoration-color:var(--warning-color)}.text-check-modal .original-text-preview .error-highlight:hover{background-color:hsl(var(--destructive)/.1)}.text-check-modal .original-text-preview .error-highlight:hover[data-severity=warning]{background-color:color-mix(in srgb,var(--warning-color) 12%,transparent)}.text-check-modal .hint-text{margin:8px 0 0;font-size:12px;color:hsl(var(--muted-foreground))}.text-check-modal .no-errors-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;margin-top:16px;font-size:14px;color:var(--success-color);background-color:var(--success-color-light);border:1px solid color-mix(in srgb,var(--success-color) 25%,transparent);border-radius:10px}.text-check-modal .no-errors-icon{width:24px;height:24px;color:var(--success-color)}.text-check-modal .text-check-modal-title{display:flex;align-items:center;gap:8px}.text-check-modal .text-check-modal-title-icon{width:18px;height:18px;color:var(--success-color)}.text-check-modal .text-check-count-badge{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;padding:0 6px;font-size:12px;font-weight:600;color:hsl(var(--destructive-foreground));background:hsl(var(--destructive));border-radius:999px}.text-check-modal .error-details-section{display:flex;flex-direction:column;gap:8px}.text-check-modal .error-list{display:flex;flex-direction:column;gap:10px}.text-check-modal .error-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:10px}.text-check-modal .error-item-main{display:flex;align-items:flex-start;gap:10px;min-width:0}.text-check-modal .error-item-icon{width:18px;height:18px;margin-top:2px;flex-shrink:0}.text-check-modal .error-item-icon--error{color:hsl(var(--destructive))}.text-check-modal .error-item-icon--warning{color:var(--warning-color)}.text-check-modal .error-item-content{min-width:0}.text-check-modal .error-item-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.text-check-modal .error-type-badge--error{color:hsl(var(--destructive));border-color:color-mix(in srgb,hsl(var(--destructive)) 30%,transparent);background-color:hsl(var(--destructive)/.06)}.text-check-modal .error-type-badge--warning{color:var(--warning-color);border-color:color-mix(in srgb,var(--warning-color) 30%,transparent);background-color:var(--warning-color-light)}.text-check-modal .error-original{font-weight:500;color:hsl(var(--foreground))}.text-check-modal .error-message,.text-check-modal .error-suggestion{margin:4px 0 0;font-size:14px;line-height:1.6}.text-check-modal .error-message{color:hsl(var(--muted-foreground))}.text-check-modal .error-suggestion{color:var(--success-color)}.text-check-modal .error-suggestion strong{font-weight:600}.text-check-modal .apply-fix-button{flex-shrink:0;padding:0}.rich-text-editor-container{border:1px solid hsl(var(--border));border-radius:8px;overflow:hidden;padding:0}.rich-text-editor-container .tiptap-toolbar-wrapper{display:flex;align-items:center;gap:8px;padding:4px 6px;border-bottom:1px solid hsl(var(--border));background-color:hsl(var(--muted)/.4)}.rich-text-editor-container .tiptap-toolbar{display:flex;align-items:center;gap:2px;flex:1;min-width:0}.rich-text-editor-container .tiptap-toolbar .toolbar-divider{flex-shrink:0;width:1px;height:16px;margin:0 4px;background-color:hsl(var(--border))}.rich-text-editor-container .tiptap-editor-content{min-height:150px;max-height:400px;overflow-y:auto}.rich-text-editor-container .tiptap-editor-content .ProseMirror{padding:12px;min-height:138px;outline:none;font-size:14px;line-height:1.6;color:hsl(var(--foreground));cursor:text}.rich-text-editor-container .tiptap-editor-content .ProseMirror.ProseMirror-focused .is-empty:before{color:hsl(var(--muted-foreground));content:attr(data-placeholder);float:left;height:0;pointer-events:none}.rich-text-editor-container .tiptap-editor-content .ProseMirror p{margin:0 0 8px}.rich-text-editor-container .tiptap-editor-content .ProseMirror p:last-child{margin-bottom:0}.rich-text-editor-container .tiptap-editor-content .ProseMirror ul,.rich-text-editor-container .tiptap-editor-content .ProseMirror ol{margin:8px 0;padding-left:24px}.rich-text-editor-container .tiptap-editor-content .ProseMirror ul li,.rich-text-editor-container .tiptap-editor-content .ProseMirror ol li{margin:4px 0;line-height:1.6}.rich-text-editor-container .tiptap-editor-content .ProseMirror ul li p,.rich-text-editor-container .tiptap-editor-content .ProseMirror ol li p{margin:0}.rich-text-editor-container .tiptap-editor-content .ProseMirror ul{list-style-type:disc}.rich-text-editor-container .tiptap-editor-content .ProseMirror ol{list-style-type:decimal}.rich-text-editor-container .tiptap-editor-content .ProseMirror strong{font-weight:600}.rich-text-editor-container .tiptap-editor-content .ProseMirror em{font-style:italic}.rich-text-editor-container .tiptap-editor-content .ProseMirror u{text-decoration:underline}.rich-text-editor-container .tiptap-editor-content .ProseMirror ::-moz-selection{background-color:hsl(var(--primary)/.2)}.rich-text-editor-container .tiptap-editor-content .ProseMirror ::selection{background-color:hsl(var(--primary)/.2)}.rich-text-editor-container.disabled .ProseMirror{background-color:hsl(var(--muted)/.5);cursor:not-allowed}.draggable-sections-container{position:relative;width:100%;min-height:200px;overflow:visible}.icon-container{position:relative;transition:all .2s ease}.icon-container.icon-editable{cursor:pointer}.icon-container.icon-editable:hover{transform:scale(1.08)}.icon-container .icon-edit-hint{position:absolute;bottom:-4px;right:-4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:hsl(var(--foreground));color:#fff;border:2px solid #fff}.icon-picker-grid .icon-picker-item:hover{border-color:hsl(var(--primary))!important;background:hsl(var(--primary)/.05)!important;transform:translateY(-2px)}.resume-editor{width:100%;height:auto;min-height:100%;padding-bottom:24px}.resume-editor .personal-info-section{margin-bottom:16px}.setting-group{margin-bottom:var(--spacing-xxl)}.setting-group:last-child{margin-bottom:0}.setting-group .group-label{display:block;margin-bottom:var(--spacing-md);font-weight:var(--font-weight-medium);color:hsl(var(--muted-foreground));font-size:var(--font-size-sm)}.setting-group .group-description{display:block;margin-bottom:var(--spacing-sm);color:hsl(var(--muted-foreground));font-size:var(--font-size-xs);line-height:var(--line-height-base)}.control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.control-header .control-label{font-weight:var(--font-weight-medium);color:hsl(var(--muted-foreground));font-size:var(--font-size-sm)}.control-header .control-value{font-weight:var(--font-weight-semibold);color:hsl(var(--foreground));font-size:var(--font-size-sm)}@media (max-width: 768px){.setting-group{margin-bottom:var(--spacing-lg)}.setting-group .group-label{font-size:var(--font-size-xs)}}.template-switcher-card .template-switcher-empty{text-align:center;padding:40px 0}.template-switcher-card .template-switcher-empty p{font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));margin:0}.template-switcher-card .template-switcher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;max-height:210px;overflow-y:auto;padding-right:2px}.template-switcher-card .template-switcher-grid::-webkit-scrollbar{width:4px}.template-switcher-card .template-switcher-grid::-webkit-scrollbar-thumb{background-color:hsl(var(--primary)/.2);border-radius:2px}.template-switcher-card .template-switcher-grid::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--primary)/.3)}.template-switcher-card .template-switcher-grid::-webkit-scrollbar-track{background:transparent}.template-switcher-card .template-switcher-grid{scrollbar-width:thin;scrollbar-color:hsl(var(--primary)/.2) transparent}.template-switcher-card .template-switcher-item{cursor:pointer;border-radius:8px;transition:transform .2s ease}.template-switcher-card .template-switcher-item:hover{transform:translateY(-3px)}.template-switcher-card .template-switcher-preview{position:relative;width:100%;aspect-ratio:210/297;border-radius:8px;overflow:hidden;background:hsl(var(--muted));border:2px solid hsl(var(--border));transition:border-color .2s ease,box-shadow .2s ease}.template-switcher-card .template-switcher-preview .template-switcher-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;display:block}.template-switcher-card .template-switcher-preview .template-switcher-premium-badge{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:10px;background:linear-gradient(135deg,#f6d365,#fda085);color:#fff;font-size:11px;font-weight:500;z-index:2}.template-switcher-card .template-switcher-preview .template-switcher-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:hsl(var(--primary)/.45);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.template-switcher-card .template-switcher-preview .template-switcher-overlay .template-switcher-apply-label{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.template-switcher-card .template-switcher-loading-icon{width:20px;height:20px;color:#fff;animation:template-switcher-spin .8s linear infinite}.template-switcher-card .template-switcher-item:hover .template-switcher-preview{border-color:hsl(var(--primary));box-shadow:var(--shadow-brand)}.template-switcher-card .template-switcher-item:hover .template-switcher-preview .template-switcher-overlay{opacity:1}@keyframes template-switcher-spin{to{transform:rotate(360deg)}}.font-settings-card .font-type-toggle .tab-icon{font-size:18px;font-weight:600;margin-right:6px}.font-settings-card .font-type-toggle .tab-label{font-size:13px}.font-settings-card .font-content .font-section .font-category-selector{margin-bottom:16px}.font-settings-card .font-content .font-section .font-option-card{min-height:48px;padding:8px 6px}.font-settings-card .font-content .font-section .font-option-card .option-card__label{font-size:12px;line-height:1.3}.font-settings-card .font-content .font-section .chinese-font-card .option-card__label{font-size:13px}.font-settings-card .font-content .font-section .chinese-font-card .option-card__description{font-size:10px;line-height:1.3}@media (max-width: 768px){.font-settings-card .font-type-toggle .tab-icon{font-size:16px}.font-settings-card .font-type-toggle .tab-label,.font-settings-card .font-option-card .option-card__label{font-size:12px}.font-settings-card .chinese-font-card .option-card__label{font-size:13px}.font-settings-card .chinese-font-card .option-card__description{font-size:10px}}.spacing-settings-card .spacing-controls{display:flex;flex-direction:column;gap:var(--spacing-sm)}.spacing-settings-card .spacing-controls .ui-slider-container{margin-bottom:var(--spacing-xs)}@media (max-width: 768px){.spacing-settings-card .spacing-controls{gap:var(--spacing-xs)}}.personal-info-settings-card .layout-icon{width:36px;height:24px;display:flex;align-items:center;justify-content:center}.personal-info-settings-card .layout-icon .icon-circle{width:10px;height:10px;border-radius:50%;background:hsl(var(--muted-foreground));flex-shrink:0;transition:all .25s ease}.personal-info-settings-card .layout-icon .icon-text-lines{display:flex;flex-direction:column;gap:2px;flex:1}.personal-info-settings-card .layout-icon .icon-text-lines .text-line{height:2px;background:hsl(var(--muted-foreground));border-radius:1px;transition:all .25s ease}.personal-info-settings-card .layout-icon .icon-text-lines .text-line.short{width:70%}.personal-info-settings-card .layout-icon.vertical{flex-direction:column;gap:5px}.personal-info-settings-card .layout-icon.vertical.center{align-items:center}.personal-info-settings-card .layout-icon.vertical .icon-text-lines,.personal-info-settings-card .layout-icon.vertical .icon-text-lines .text-line{width:100%}.personal-info-settings-card .layout-icon.vertical .icon-text-lines .text-line.short{width:70%}.personal-info-settings-card .layout-icon.vertical.center .icon-text-lines{align-items:center}.personal-info-settings-card .layout-icon.horizontal{flex-direction:row;gap:5px}.personal-info-settings-card .layout-icon.horizontal .icon-text-lines{flex:1}.personal-info-settings-card .layout-icon.horizontal.reverse{flex-direction:row-reverse}.personal-info-settings-card .arrangement-icon{position:relative;width:28px;height:20px}.personal-info-settings-card .arrangement-icon .contact-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:hsl(var(--muted-foreground));transition:all .25s ease}.personal-info-settings-card .arrangement-icon:not(.vertical):not(.compact):not(.spaced) .contact-dot:nth-child(1){left:0;top:7px}.personal-info-settings-card .arrangement-icon:not(.vertical):not(.compact):not(.spaced) .contact-dot:nth-child(2){left:7px;top:7px}.personal-info-settings-card .arrangement-icon:not(.vertical):not(.compact):not(.spaced) .contact-dot:nth-child(3){left:14px;top:7px}.personal-info-settings-card .arrangement-icon:not(.vertical):not(.compact):not(.spaced) .contact-dot:nth-child(4){left:21px;top:7px}.personal-info-settings-card .arrangement-icon.vertical{height:24px}.personal-info-settings-card .arrangement-icon.vertical .contact-dot:nth-child(1){left:11px;top:0}.personal-info-settings-card .arrangement-icon.vertical .contact-dot:nth-child(2){left:11px;top:6px}.personal-info-settings-card .arrangement-icon.vertical .contact-dot:nth-child(3){left:11px;top:12px}.personal-info-settings-card .arrangement-icon.vertical .contact-dot:nth-child(4){left:11px;top:18px}.personal-info-settings-card .arrangement-icon.compact{width:20px}.personal-info-settings-card .arrangement-icon.compact .contact-dot:nth-child(1){left:0;top:7px}.personal-info-settings-card .arrangement-icon.compact .contact-dot:nth-child(2){left:5px;top:7px}.personal-info-settings-card .arrangement-icon.compact .contact-dot:nth-child(3){left:10px;top:7px}.personal-info-settings-card .arrangement-icon.spaced{width:32px}.personal-info-settings-card .arrangement-icon.spaced .contact-dot:nth-child(1){left:0;top:7px}.personal-info-settings-card .arrangement-icon.spaced .contact-dot:nth-child(2){left:10px;top:7px}.personal-info-settings-card .arrangement-icon.spaced .contact-dot:nth-child(3){left:20px;top:7px}.personal-info-settings-card .option-card--selected .layout-icon .icon-circle,.personal-info-settings-card .option-card:hover .layout-icon .icon-circle,.personal-info-settings-card .option-card--selected .layout-icon .icon-text-lines .text-line,.personal-info-settings-card .option-card:hover .layout-icon .icon-text-lines .text-line,.personal-info-settings-card .option-card--selected .arrangement-icon .contact-dot,.personal-info-settings-card .option-card:hover .arrangement-icon .contact-dot{background:hsl(var(--primary))}@media (max-width: 768px){.personal-info-settings-card .layout-icon{width:32px;height:20px}.personal-info-settings-card .layout-icon .icon-circle{width:9px;height:9px}.personal-info-settings-card .layout-icon .icon-text-lines .text-line{height:1.5px}.personal-info-settings-card .arrangement-icon{width:24px;height:18px}.personal-info-settings-card .arrangement-icon .contact-dot{width:4px;height:4px}.personal-info-settings-card .arrangement-icon:not(.vertical):not(.compact):not(.spaced) .contact-dot:nth-child(1){left:0;top:6px}.personal-info-settings-card .arrangement-icon:not(.vertical):not(.compact):not(.spaced) .contact-dot:nth-child(2){left:6px;top:6px}.personal-info-settings-card .arrangement-icon:not(.vertical):not(.compact):not(.spaced) .contact-dot:nth-child(3){left:12px;top:6px}.personal-info-settings-card .arrangement-icon:not(.vertical):not(.compact):not(.spaced) .contact-dot:nth-child(4){left:18px;top:6px}.personal-info-settings-card .arrangement-icon.vertical{height:20px}.personal-info-settings-card .arrangement-icon.vertical .contact-dot:nth-child(1){left:10px;top:0}.personal-info-settings-card .arrangement-icon.vertical .contact-dot:nth-child(2){left:10px;top:5px}.personal-info-settings-card .arrangement-icon.vertical .contact-dot:nth-child(3){left:10px;top:10px}.personal-info-settings-card .arrangement-icon.vertical .contact-dot:nth-child(4){left:10px;top:15px}.personal-info-settings-card .arrangement-icon.compact{width:18px}.personal-info-settings-card .arrangement-icon.compact .contact-dot:nth-child(1){left:0;top:6px}.personal-info-settings-card .arrangement-icon.compact .contact-dot:nth-child(2){left:4px;top:6px}.personal-info-settings-card .arrangement-icon.compact .contact-dot:nth-child(3){left:8px;top:6px}.personal-info-settings-card .arrangement-icon.spaced{width:28px}.personal-info-settings-card .arrangement-icon.spaced .contact-dot:nth-child(1){left:0;top:6px}.personal-info-settings-card .arrangement-icon.spaced .contact-dot:nth-child(2){left:9px;top:6px}.personal-info-settings-card .arrangement-icon.spaced .contact-dot:nth-child(3){left:18px;top:6px}}.section-settings-card .section-style-card{min-height:50px;padding:10px 8px}.section-settings-card .style-wrapper{position:relative}.section-settings-card .style-container{max-height:58px;overflow:hidden;transition:max-height .35s ease-in-out;padding:2px}.section-settings-card .style-container.expanded{max-height:200px;overflow-y:auto}.section-settings-card .style-container.expanded::-webkit-scrollbar{width:4px}.section-settings-card .style-container.expanded::-webkit-scrollbar-thumb{background-color:hsl(var(--primary)/.2);border-radius:2px}.section-settings-card .style-container.expanded::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--primary)/.3)}.section-settings-card .style-container.expanded::-webkit-scrollbar-track{background:transparent}.section-settings-card .style-container.expanded{scrollbar-width:thin;scrollbar-color:hsl(var(--primary)/.2) transparent}.section-settings-card .expand-trigger{width:100%;display:flex;align-items:center;justify-content:center;padding:8px 0;margin-top:8px;cursor:pointer;color:hsl(var(--muted-foreground));font-size:12px;transition:all .2s;border-radius:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.section-settings-card .expand-trigger:hover{background-color:hsl(var(--muted));color:hsl(var(--foreground))}.section-settings-card .expand-trigger .expand-text{margin-right:4px}.section-settings-card .expand-trigger .expand-icon{width:12px;height:12px;transition:transform .3s}.section-settings-card .expand-trigger.active .expand-icon{transform:rotate(180deg)}.section-settings-card .style-icon{width:36px;height:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.section-settings-card .style-icon.horizontal{flex-direction:row;gap:5px}.section-settings-card .style-icon .style-line{width:28px;height:2px;background:hsl(var(--muted-foreground));border-radius:1px;transition:all .25s ease}.section-settings-card .style-icon .style-line.top-line,.section-settings-card .style-icon .style-line.bottom-line{width:28px}.section-settings-card .style-icon .style-background{width:22px;height:16px;background:hsl(var(--muted-foreground));border-radius:2px;transition:all .25s ease}.section-settings-card .style-icon .style-text{width:22px;height:2px;background:hsl(var(--muted-foreground));border-radius:1px;transition:all .25s ease}.section-settings-card .style-icon .style-sidebar{width:3px;height:18px;background:hsl(var(--muted-foreground));border-radius:1.5px;transition:all .25s ease}.section-settings-card .style-icon .style-wave{width:28px;height:2px;background:repeating-linear-gradient(90deg,hsl(var(--muted-foreground)) 0px,hsl(var(--muted-foreground)) 4px,transparent 4px,transparent 8px);border-radius:1px;transition:all .25s ease}.section-settings-card .style-icon .style-sidebar-bg{width:28px;height:16px;background:hsl(var(--primary)/.08);border-left:3px solid hsl(var(--muted-foreground));border-radius:0 2px 2px 0;transition:all .25s ease}.section-settings-card .style-icon .style-line-thick{width:28px;height:3px;background:hsl(var(--muted-foreground));border-radius:1.5px;transition:all .25s ease}.section-settings-card .style-icon .style-sidebar-gradient{width:28px;height:16px;background:linear-gradient(to right,hsl(var(--primary)/.15),transparent);border-left:3px solid hsl(var(--muted-foreground));border-radius:0 2px 2px 0;transition:all .25s ease}.section-settings-card .style-icon.double-wings-icon{justify-content:center;gap:4px}.section-settings-card .style-icon .style-wing{width:10px;height:1px;background:hsl(var(--muted-foreground));transition:all .25s ease}.section-settings-card .style-icon .style-center-dot{width:4px;height:4px;background:hsl(var(--muted-foreground));border-radius:50%;transition:all .25s ease}.section-settings-card .style-icon .style-dashed-box{width:28px;height:14px;border:1.5px dashed hsl(var(--muted-foreground));border-radius:3px;transition:all .25s ease}.section-settings-card .style-icon .style-highlight-text{position:relative;display:flex;align-items:flex-end;width:22px;height:16px}.section-settings-card .style-icon .style-highlight-text .text-bar{width:100%;height:2px;background:hsl(var(--muted-foreground));border-radius:1px;position:relative;z-index:2;transition:all .25s ease}.section-settings-card .style-icon .style-highlight-text .highlight-bar{position:absolute;bottom:0;left:0;width:100%;height:6px;background:hsl(var(--muted-foreground));opacity:.3;border-radius:1px;z-index:1;transition:all .25s ease}.section-settings-card .style-icon.tag-line-icon{justify-content:flex-start;align-items:center;gap:0}.section-settings-card .style-icon .style-tag{width:10px;height:12px;background:hsl(var(--muted-foreground));border-radius:2px;transition:all .25s ease}.section-settings-card .style-icon .style-extend-line{flex:1;height:1px;background:hsl(var(--muted-foreground));transition:all .25s ease}.section-settings-card .style-icon.tag-block-icon{justify-content:flex-start;align-items:center;gap:0}.section-settings-card .style-icon .style-tag-dark{width:12px;height:12px;background:hsl(var(--muted-foreground));border-radius:2px;transition:all .25s ease}.section-settings-card .style-icon .style-block-light{flex:1;height:12px;background:hsl(var(--muted-foreground));opacity:.3;border-radius:0 2px 2px 0;transition:all .25s ease}.section-settings-card .style-icon.tag-underline-icon{flex-direction:column;align-items:flex-start;gap:2px}.section-settings-card .style-icon .style-tag-solid{width:12px;height:10px;background:hsl(var(--muted-foreground));border-radius:2px;transition:all .25s ease}.section-settings-card .style-icon .style-underline-full{width:28px;height:1px;background:hsl(var(--muted-foreground));transition:all .25s ease}.section-settings-card .option-card--selected .style-icon .style-line,.section-settings-card .option-card--selected .style-icon .style-text,.section-settings-card .option-card--selected .style-icon .style-wave,.section-settings-card .option-card--selected .style-icon .style-sidebar,.section-settings-card .option-card--selected .style-icon .style-background,.section-settings-card .option-card--selected .style-icon .style-line-thick,.section-settings-card .option-card--selected .style-icon .style-wing,.section-settings-card .option-card--selected .style-icon .style-center-dot,.section-settings-card .option-card--selected .style-icon .style-tag,.section-settings-card .option-card--selected .style-icon .style-extend-line,.section-settings-card .option-card--selected .style-icon .style-tag-dark,.section-settings-card .option-card--selected .style-icon .style-tag-solid,.section-settings-card .option-card--selected .style-icon .style-underline-full,.section-settings-card .option-card:hover .style-icon .style-line,.section-settings-card .option-card:hover .style-icon .style-text,.section-settings-card .option-card:hover .style-icon .style-wave,.section-settings-card .option-card:hover .style-icon .style-sidebar,.section-settings-card .option-card:hover .style-icon .style-background,.section-settings-card .option-card:hover .style-icon .style-line-thick,.section-settings-card .option-card:hover .style-icon .style-wing,.section-settings-card .option-card:hover .style-icon .style-center-dot,.section-settings-card .option-card:hover .style-icon .style-tag,.section-settings-card .option-card:hover .style-icon .style-extend-line,.section-settings-card .option-card:hover .style-icon .style-tag-dark,.section-settings-card .option-card:hover .style-icon .style-tag-solid,.section-settings-card .option-card:hover .style-icon .style-underline-full{background:hsl(var(--primary))}.section-settings-card .option-card--selected .style-icon .style-block-light,.section-settings-card .option-card:hover .style-icon .style-block-light{background:hsl(var(--primary));opacity:.3}.section-settings-card .option-card--selected .style-icon .style-sidebar-gradient,.section-settings-card .option-card:hover .style-icon .style-sidebar-gradient{background:linear-gradient(to right,hsl(var(--primary)/.2),transparent);border-left-color:hsl(var(--primary))}.section-settings-card .option-card--selected .style-icon .style-sidebar-bg,.section-settings-card .option-card:hover .style-icon .style-sidebar-bg{border-left-color:hsl(var(--primary))}.section-settings-card .option-card--selected .style-icon .style-dashed-box,.section-settings-card .option-card:hover .style-icon .style-dashed-box{border-color:hsl(var(--primary))}.section-settings-card .option-card--selected .style-icon .style-highlight-text .text-bar,.section-settings-card .option-card--selected .style-icon .style-highlight-text .highlight-bar,.section-settings-card .option-card:hover .style-icon .style-highlight-text .text-bar,.section-settings-card .option-card:hover .style-icon .style-highlight-text .highlight-bar{background:hsl(var(--primary))}@media (max-width: 768px){.section-settings-card .style-container{max-height:52px}.section-settings-card .style-container.expanded{max-height:240px}.section-settings-card .style-icon{width:32px;height:20px}.section-settings-card .style-icon .style-line{width:24px}.section-settings-card .style-icon .style-background{width:18px;height:14px}.section-settings-card .style-icon .style-text{width:18px}.section-settings-card .style-icon .style-sidebar{height:14px}.section-settings-card .style-icon .style-wave{width:24px}.section-settings-card .style-icon .style-sidebar-bg{width:24px;height:14px}.section-settings-card .style-icon .style-line-thick{width:24px;height:3px}.section-settings-card .style-icon .style-sidebar-gradient{width:24px;height:14px}.section-settings-card .style-icon .style-wing{width:8px}.section-settings-card .style-icon .style-center-dot{width:3px;height:3px}.section-settings-card .style-icon .style-dashed-box{width:24px;height:12px}.section-settings-card .style-icon .style-highlight-text{width:18px;height:14px}.section-settings-card .style-icon .style-highlight-text .highlight-bar{height:5px}.section-settings-card .style-icon .style-tag{width:8px;height:10px}.section-settings-card .style-icon .style-tag-dark{width:10px;height:10px}.section-settings-card .style-icon .style-block-light{height:10px}.section-settings-card .style-icon .style-tag-solid{width:10px;height:8px}.section-settings-card .style-icon .style-underline-full{width:24px}}.premium-style-dialog{max-width:420px}.premium-popup-title{display:flex;align-items:center;gap:8px;font-weight:600}.premium-popup-title svg{width:18px;height:18px;color:#f59e0b}.premium-upgrade-button{background:linear-gradient(135deg,#f59e0b,#d97706);border:none}.premium-upgrade-button:hover{background:linear-gradient(135deg,#d97706,#b45309)}.section-order-control .group-label{display:block;margin-bottom:10px;font-weight:600;color:hsl(var(--foreground));font-size:14px}.section-order-control .description{display:block;margin-bottom:14px;color:hsl(var(--muted-foreground));font-size:13px;line-height:1.5}.section-order-control .sections-list{display:flex;flex-direction:column;gap:10px;margin-bottom:0}.section-order-control .sections-list .section-item{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;padding:8px 12px;transition:all .25s ease;box-shadow:0 1px 3px rgba(var(--shadow-color-rgb),.05)}.section-order-control .sections-list .section-item.dragging{opacity:.6;cursor:grabbing;box-shadow:0 8px 24px rgba(var(--shadow-color-rgb),.25);transform:scale(1.02)}.section-order-control .sections-list .section-item .section-item-content{display:flex;align-items:center;gap:10px}.section-order-control .sections-list .section-item .section-item-content .drag-handle{cursor:grab;color:hsl(var(--muted-foreground));font-size:16px;display:flex;align-items:center;padding:2px;border-radius:4px;transition:all .2s ease}.section-order-control .sections-list .section-item .section-item-content .drag-handle svg{width:16px;height:16px}.section-order-control .sections-list .section-item .section-item-content .drag-handle:hover{color:hsl(var(--foreground))}.section-order-control .sections-list .section-item .section-item-content .drag-handle:active{cursor:grabbing;color:hsl(var(--primary)/.9)}.section-order-control .sections-list .section-item .section-item-content .section-info{flex:1;display:flex;align-items:center}.section-order-control .sections-list .section-item .section-item-content .section-info .section-name{font-weight:500;color:hsl(var(--foreground));font-size:14px}.section-order-control .empty-state{padding:40px 20px;text-align:center;background:linear-gradient(135deg,hsl(var(--primary)/.1),hsl(var(--primary)/.05));border-radius:8px;border:1px dashed hsl(var(--border));color:hsl(var(--muted-foreground));font-size:14px}@media (max-width: 768px){.section-order-control .sections-list{gap:8px}.section-order-control .sections-list .section-item{padding:8px 10px}.section-order-control .sections-list .section-item .section-item-content{gap:8px}.section-order-control .sections-list .section-item .section-item-content .drag-handle{font-size:14px}.section-order-control .sections-list .section-item .section-item-content .section-info .section-name{font-size:13px}.section-order-control .empty-state{padding:30px 16px}}.layout-settings-card .column-icon{width:80px;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid hsl(var(--border));border-radius:6px;background-color:hsl(var(--card));transition:all .25s ease}.layout-settings-card .column-icon.one-column .icon-content{width:65%}.layout-settings-card .column-icon.one-column .icon-content .line{height:5px;background-color:hsl(var(--muted-foreground));border-radius:3px;margin:5px 0;transition:all .25s ease}.layout-settings-card .column-icon.two-column .icon-content{width:70%;display:flex;gap:6px}.layout-settings-card .column-icon.two-column .icon-content .left-col,.layout-settings-card .column-icon.two-column .icon-content .right-col{flex:1}.layout-settings-card .column-icon.two-column .icon-content .left-col .line,.layout-settings-card .column-icon.two-column .icon-content .right-col .line{height:5px;background-color:hsl(var(--muted-foreground));border-radius:3px;margin:5px 0;transition:all .25s ease}.layout-settings-card .position-icon{width:60px;height:50px;display:flex;border:1px solid hsl(var(--border));border-radius:6px;overflow:hidden;background-color:hsl(var(--card));transition:all .25s ease}.layout-settings-card .position-icon.header-top{flex-direction:column}.layout-settings-card .position-icon.header-top .header-area{height:38%;background-color:hsl(var(--muted-foreground));transition:all .25s ease}.layout-settings-card .position-icon.header-top .content-area{height:62%;background-color:hsl(var(--muted));transition:all .25s ease}.layout-settings-card .position-icon.header-left{flex-direction:row}.layout-settings-card .position-icon.header-left .header-area{width:35%;background-color:hsl(var(--muted-foreground));transition:all .25s ease}.layout-settings-card .position-icon.header-left .content-area{width:65%;background-color:hsl(var(--muted));transition:all .25s ease}.layout-settings-card .position-icon.header-right{flex-direction:row}.layout-settings-card .position-icon.header-right .content-area{width:65%;background-color:hsl(var(--muted));transition:all .25s ease}.layout-settings-card .position-icon.header-right .header-area{width:35%;background-color:hsl(var(--muted-foreground));transition:all .25s ease}.layout-settings-card .option-card--selected .column-icon .icon-content .line,.layout-settings-card .option-card--selected .column-icon .icon-content .left-col .line,.layout-settings-card .option-card--selected .column-icon .icon-content .right-col .line,.layout-settings-card .option-card:hover .column-icon .icon-content .line,.layout-settings-card .option-card:hover .column-icon .icon-content .left-col .line,.layout-settings-card .option-card:hover .column-icon .icon-content .right-col .line,.layout-settings-card .option-card--selected .position-icon .header-area,.layout-settings-card .option-card:hover .position-icon .header-area{background:hsl(var(--primary))}.layout-settings-card .option-card--selected .position-icon .content-area,.layout-settings-card .option-card:hover .position-icon .content-area{background-color:hsl(var(--primary)/.1)}.layout-settings-card .column-width-control .width-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.layout-settings-card .column-width-control .width-labels .label-left,.layout-settings-card .column-width-control .width-labels .label-right{font-size:13px;color:hsl(var(--muted-foreground));font-weight:var(--font-weight-medium)}.layout-settings-card .column-width-control .width-labels .label-left .value,.layout-settings-card .column-width-control .width-labels .label-right .value{color:hsl(var(--foreground));font-weight:var(--font-weight-semibold);margin-left:4px}@media (max-width: 768px){.layout-settings-card .column-icon{width:60px;height:45px}.layout-settings-card .position-icon{width:50px;height:40px}.layout-settings-card .column-width-control .width-labels{margin-bottom:10px}.layout-settings-card .column-width-control .width-labels .label-left,.layout-settings-card .column-width-control .width-labels .label-right{font-size:12px}}@media (max-width: 480px){.layout-settings-card .column-width-control .width-labels{flex-direction:column;align-items:flex-start;gap:4px}}.color-settings-card .color-style-selector .style-icon{font-size:28px;color:hsl(var(--muted-foreground));transition:color .25s ease}.color-settings-card .color-style-selector .option-card--selected .style-icon,.color-settings-card .color-style-selector .option-card:hover .style-icon{color:hsl(var(--primary))}.color-settings-card .color-picker-section .color-options{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.color-settings-card .color-picker-section .color-options .color-option{position:relative;aspect-ratio:1;border-radius:50%;cursor:pointer;transition:all .2s ease;border:3px solid transparent;padding:3px}.color-settings-card .color-picker-section .color-options .color-option .color-display{width:100%;height:100%;border-radius:50%;transition:transform .2s ease}.color-settings-card .color-picker-section .color-options .color-option .color-display.no-color-display{background:hsl(var(--card));border:2px solid hsl(var(--border));position:relative}.color-settings-card .color-picker-section .color-options .color-option .color-display.no-color-display:after{content:"";position:absolute;top:50%;left:50%;width:80%;height:2px;background:#f44;transform:translate(-50%,-50%) rotate(-45deg)}.color-settings-card .color-picker-section .color-options .color-option .color-display.rainbow-gradient{background:linear-gradient(135deg,red,#ff7f00,#ff0,#0f0,#00f,#8b00ff,red)}.color-settings-card .color-picker-section .color-options .color-option:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--shadow-color-rgb),.15)}.color-settings-card .color-picker-section .color-options .color-option.selected{border-color:hsl(var(--primary));box-shadow:var(--shadow-brand)}.color-settings-card .color-picker-section .color-options .color-option.selected .color-display{transform:scale(.9)}.color-settings-card .color-picker-section .color-options .color-option.no-color.selected{border-color:hsl(var(--border))}.color-settings-card .color-picker-section .custom-color-picker-panel{margin-top:16px;padding:16px;background:hsl(var(--muted));border-radius:10px;border:1px solid hsl(var(--border))}.color-settings-card .color-picker-section .custom-color-picker-panel .react-colorful{width:100%;height:200px;margin-bottom:12px;border-radius:8px}.color-settings-card .color-picker-section .custom-color-picker-panel .color-input input{width:100%;padding:8px 12px;border:1px solid hsl(var(--border));border-radius:6px;font-size:14px;font-family:Courier New,monospace;color:hsl(var(--foreground));background:hsl(var(--card))}.color-settings-card .color-picker-section .custom-color-picker-panel .color-input input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:var(--shadow-brand)}.color-settings-card .accent-application-options .options-title{font-size:13px;font-weight:var(--font-weight-semibold);color:hsl(var(--foreground));margin-bottom:12px}.color-settings-card .accent-application-options .options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.color-settings-card .accent-application-options .options-grid .accent-checkbox{display:flex;align-items:center;gap:8px;margin:0;padding:8px;border-radius:6px;transition:background .2s ease;cursor:pointer}.color-settings-card .accent-application-options .options-grid .accent-checkbox:hover{background:hsl(var(--muted))}.color-settings-card .accent-application-options .options-grid .accent-checkbox input{width:16px;height:16px;accent-color:hsl(var(--primary));cursor:pointer}.color-settings-card .accent-application-options .options-grid .accent-checkbox span{font-size:13px;color:hsl(var(--muted-foreground))}@media (max-width: 768px){.color-settings-card .color-style-selector .style-options{grid-template-columns:1fr;gap:10px}.color-settings-card .color-style-selector .style-options .style-option{padding:12px 10px}.color-settings-card .color-style-selector .style-options .style-option .style-icon{font-size:24px;margin-right:10px}.color-settings-card .color-style-selector .style-options .style-option .style-info .style-label{font-size:13px}.color-settings-card .color-style-selector .style-options .style-option .style-info .style-description{font-size:11px}.color-settings-card .color-picker-section .color-options{grid-template-columns:repeat(6,1fr);gap:8px}.color-settings-card .color-picker-section .custom-color-picker-panel{padding:12px}.color-settings-card .color-picker-section .custom-color-picker-panel .react-colorful{height:150px}.color-settings-card .accent-application-options .options-grid{grid-template-columns:1fr;gap:6px}.color-settings-card .accent-application-options .options-grid .accent-checkbox{padding:6px}.color-settings-card .accent-application-options .options-grid .accent-checkbox span{font-size:12px}}.background-settings-card .preset-background-selector .bg-scroll-container{max-height:200px;overflow-y:auto;border:1px solid hsl(var(--border));border-radius:16px;padding:14px;background-color:hsl(var(--muted))}.background-settings-card .preset-background-selector .bg-scroll-container::-webkit-scrollbar{width:5px}.background-settings-card .preset-background-selector .bg-scroll-container::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:10px}.background-settings-card .preset-background-selector .bg-scroll-container::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground))}.background-settings-card .preset-background-selector .bg-scroll-container::-webkit-scrollbar-track{background:transparent}.background-settings-card .preset-background-selector .bg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.background-settings-card .preset-background-selector .bg-item{position:relative;aspect-ratio:1/1.414;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background:hsl(var(--border));box-shadow:0 2px 5px rgba(var(--shadow-color-rgb),.05)}.background-settings-card .preset-background-selector .bg-item:hover{border-color:hsl(var(--primary));transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--shadow-color-rgb),.1)}.background-settings-card .preset-background-selector .bg-item.selected{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.1)}.background-settings-card .preset-background-selector .bg-item.selected .img-preview{border-radius:6px}.background-settings-card .preset-background-selector .bg-item .img-preview{width:100%;height:100%;background-size:cover;background-position:top left;background-repeat:no-repeat}.background-settings-card .preset-background-selector .bg-item .check-mark{position:absolute;top:4px;right:4px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));width:18px;height:18px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 4px rgba(var(--shadow-color-rgb),.2)}.background-settings-card .preset-background-selector .bg-item .check-mark svg{width:12px;height:12px}.background-settings-card .setting-group{margin-bottom:20px}.background-settings-card .setting-group:last-child{margin-bottom:0}@media (max-width: 768px){.background-settings-card .preset-background-selector .bg-grid{grid-template-columns:repeat(3,1fr);gap:10px}.background-settings-card .preset-background-selector .bg-scroll-container{max-height:300px;padding:10px}}@media (max-width: 480px){.background-settings-card .preset-background-selector .bg-grid{grid-template-columns:repeat(2,1fr);gap:8px}.background-settings-card .preset-background-selector .bg-scroll-container{max-height:250px}}.resume-settings .form-group .form-label{display:block;margin-bottom:8px;color:hsl(var(--foreground));font-size:14px}.resume-settings .form-group .settings-select .ant-select-selector{border-radius:8px;border:1px solid hsl(var(--border))}.resume-settings .form-group .settings-select .ant-select-selector:hover{border-color:hsl(var(--primary))}.resume-settings .form-group .settings-select.ant-select-focused .ant-select-selector{border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary)/.1)}.resume-settings .template-button{border-radius:8px;border:2px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));font-weight:500;transition:all .2s ease}.resume-settings .template-button:hover{border-color:hsl(var(--primary));color:hsl(var(--foreground));background:hsl(var(--primary)/.1)}.ant-select-dropdown .ant-select-item-option{padding:8px 12px}.ant-select-dropdown .ant-select-item-option .ant-space{width:100%}.ant-select-dropdown .ant-select-item-option:hover{background:hsl(var(--muted))}.ant-select-dropdown .ant-select-item-option.ant-select-item-option-selected{background:hsl(var(--primary)/.1);color:hsl(var(--foreground))}@media (max-width: 768px){.resume-settings .settings-card .ant-card-body{padding:16px}}.personal-info-module{padding-bottom:0;border-bottom:none;margin-bottom:0}.personal-info-module .avatar-container{display:inline-block}.personal-info-module .avatar-container .resume-avatar{display:block}.personal-info-module .avatar-container.avatar-shape-circle .resume-avatar{border-radius:50%}.personal-info-module .avatar-container.avatar-shape-square .resume-avatar,.personal-info-module .avatar-container.avatar-shape-rectangle .resume-avatar{border-radius:0}.personal-info-module.layout-left-horizontal .personal-header{display:flex;flex-direction:row;align-items:flex-start;gap:16px}.personal-info-module.layout-left-horizontal .personal-header .avatar-container{flex-shrink:0}.personal-info-module.layout-left-horizontal .personal-header .text-info-group{text-align:left;flex:1;min-width:0}.personal-info-module.layout-left-horizontal .personal-header .contact-info,.personal-info-module.layout-left-horizontal .personal-header .contact-info .contact-items.arrangement-horizontal,.personal-info-module.layout-left-horizontal .personal-header .contact-info .contact-items.arrangement-two-column,.personal-info-module.layout-left-horizontal .personal-header .contact-info .contact-items.arrangement-spaced{justify-content:flex-start!important}.personal-info-module.layout-left-horizontal .personal-header .contact-info .contact-items.arrangement-vertical{align-items:flex-start!important}.personal-info-module.layout-center-vertical .personal-header{display:flex;flex-direction:column;align-items:center;gap:12px}.personal-info-module.layout-center-vertical .personal-header .text-info-group{text-align:center;width:100%;min-width:0;display:flex;flex-direction:column;align-items:center}.personal-info-module.layout-center-vertical .personal-header .contact-info,.personal-info-module.layout-center-vertical .personal-header .contact-info .contact-items.arrangement-horizontal,.personal-info-module.layout-center-vertical .personal-header .contact-info .contact-items.arrangement-two-column,.personal-info-module.layout-center-vertical .personal-header .contact-info .contact-items.arrangement-spaced{justify-content:center!important}.personal-info-module.layout-center-vertical .personal-header .contact-info .contact-items.arrangement-vertical{align-items:center!important}.personal-info-module.layout-right-horizontal .personal-header{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:16px}.personal-info-module.layout-right-horizontal .personal-header .avatar-container{flex-shrink:0}.personal-info-module.layout-right-horizontal .personal-header .text-info-group{text-align:left;flex:1;min-width:0}.personal-info-module.layout-right-horizontal .personal-header .contact-info,.personal-info-module.layout-right-horizontal .personal-header .contact-info .contact-items.arrangement-horizontal,.personal-info-module.layout-right-horizontal .personal-header .contact-info .contact-items.arrangement-two-column,.personal-info-module.layout-right-horizontal .personal-header .contact-info .contact-items.arrangement-spaced{justify-content:flex-start!important}.personal-info-module.layout-right-horizontal .personal-header .contact-info .contact-items.arrangement-vertical{align-items:flex-start!important}.personal-info-module .personal-header .name-title-container{display:flex;flex-direction:column;margin-bottom:5px}.personal-info-module .personal-header .name-title-container.same-line{flex-direction:row;align-items:baseline;gap:12px;flex-wrap:wrap}.personal-info-module .personal-header .name{color:var(--resume-name-color, var(--resume-text-primary, #212529));font-weight:var(--font-weight-bold);margin:0;letter-spacing:-.5px;font-family:inherit}.personal-info-module .personal-header .title{color:var(--resume-text-secondary);font-weight:var(--font-weight-medium);margin:0;font-style:italic;font-family:inherit}.personal-info-module .personal-header .contact-info{width:100%;display:flex}.personal-info-module .personal-header .contact-info .contact-items.arrangement-horizontal{display:flex!important;flex-wrap:wrap!important;gap:12px!important;flex-direction:row!important}.personal-info-module .personal-header .contact-info .contact-items.arrangement-vertical{display:flex!important;flex-direction:column!important;gap:6px!important}.personal-info-module .personal-header .contact-info .contact-items.arrangement-two-column{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px 12px!important;width:100%!important}.personal-info-module .personal-header .contact-info .contact-items .contact-item{color:#555;margin:0!important;overflow-wrap:break-word;word-break:break-word;max-width:100%}.personal-info-module .personal-header .contact-info .contact-items .contact-item.contact-link{text-decoration:none}.personal-info-module .personal-header .contact-info .contact-items .contact-item.contact-link:hover{text-decoration:underline}.personal-info-module .personal-header .contact-info .contact-items .contact-item .contact-icon{display:inline-block;vertical-align:-.125em;color:var(--resume-header-icon-color, inherit)}.personal-info-module .personal-header .summary{color:#333}.personal-info-module.white-text .name,.personal-info-module.white-text .title,.personal-info-module.white-text .contact-item,.personal-info-module.white-text .contact-item .contact-icon,.personal-info-module.white-text .contact-item a{color:#fff!important}.personal-info-module.white-text .contact-item a:hover{text-decoration:underline}.personal-info-module.white-text .summary{color:#fff!important}.personal-info-module.black-text .name,.personal-info-module.black-text .title,.personal-info-module.black-text .contact-item,.personal-info-module.black-text .contact-item .contact-icon,.personal-info-module.black-text .contact-item a{color:#000!important}.personal-info-module.black-text .contact-item a:hover{text-decoration:underline}.personal-info-module.black-text .summary{color:#000!important}.section-title-module{margin-bottom:0}.section-title-module .section-title{color:var(--resume-heading-color);font-weight:600;margin-bottom:0;display:flex;align-items:center;gap:6px;letter-spacing:.5px;font-family:inherit}.section-title-module.style-underline .section-title{padding:2px 0;border-top:2px solid var(--resume-heading-border-color);border-bottom:2px solid var(--resume-heading-border-color)}.section-title-module.style-background .section-title{padding:2px 12px;background-color:var(--resume-heading-bg-color);border-radius:4px;text-align:center;justify-content:center}.section-title-module.style-bottom-line .section-title{padding-bottom:3px;border-bottom:1px solid var(--resume-heading-border-color)}.section-title-module.style-side-line .section-title{padding:2px 12px;border-left:4px solid var(--resume-heading-border-color)}.section-title-module.style-wave .section-title{padding-bottom:4px;position:relative}.section-title-module.style-wave .section-title:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-image:linear-gradient(to right,var(--resume-heading-border-color) 0%,var(--resume-heading-border-color) 50%,transparent 50%,transparent 100%);background-size:16px 2px;background-repeat:repeat-x;background-position:0 0}.section-title-module.style-side-line-bg .section-title{padding:2px 12px;border-left:4px solid var(--resume-heading-border-color);background-color:var(--resume-heading-bg-color)}.section-title-module.style-bottom-line-thick .section-title{padding-bottom:2px;border-bottom:2px solid var(--resume-heading-border-color)}.section-title-module.style-side-line-gradient .section-title{padding:2px 12px;border-left:4px solid var(--resume-heading-border-color);background:linear-gradient(to right,var(--resume-heading-bg-color),transparent)}.section-title-module.style-double-wings .section-title{display:flex;align-items:center;justify-content:center;gap:12px}.section-title-module.style-double-wings .section-title:before,.section-title-module.style-double-wings .section-title:after{content:"";flex:1;height:1px;background-color:var(--resume-heading-border-color)}.section-title-module.style-dashed-border .section-title{padding:0 16px;border:2px dashed var(--resume-heading-border-color);border-radius:6px;justify-content:center}.section-title-module.style-highlight .section-title{display:inline-flex;position:relative;z-index:1;padding:0 4px}.section-title-module.style-highlight .section-title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background-color:var(--resume-heading-border-color);opacity:.3;z-index:-1;border-radius:2px}.section-title-module.style-tag-line{display:flex;align-items:center}.section-title-module.style-tag-line .section-title{display:flex;align-items:center;gap:0;padding:2px 10px;background-color:var(--resume-heading-bg-color);border-radius:2px;flex-shrink:0}.section-title-module.style-tag-line:after{content:"";flex:1;height:1px;background-color:var(--resume-heading-border-color);margin-left:0}.section-title-module.style-tag-block{display:flex;align-items:stretch}.section-title-module.style-tag-block .section-title{display:flex;align-items:center;gap:0;padding:2px 12px;background-color:var(--resume-heading-bg-color);flex-shrink:0}.section-title-module.style-tag-block:after{content:"";flex:1;background-color:var(--resume-heading-border-color);opacity:.25}.section-title-module.style-tag-underline{display:flex;flex-direction:column;align-items:flex-start;gap:0}.section-title-module.style-tag-underline .section-title{display:inline-flex;align-items:center;padding:1px 12px;background-color:var(--resume-heading-bg-color)}.section-title-module.style-tag-underline:after{content:"";width:100%;height:1px;background-color:var(--resume-heading-border-color)}.section-title-module.white-text .section-title{color:#fff;border-color:#fff}.section-title-module.white-text.style-background .section-title,.section-title-module.white-text.style-side-line-bg .section-title{background-color:#ffffff26}.section-title-module.white-text.style-side-line-gradient .section-title{background:linear-gradient(to right,rgba(255,255,255,.15),transparent)}.section-title-module.white-text.style-wave .section-title:after{background-image:linear-gradient(to right,white 0%,white 50%,transparent 50%,transparent 100%)}.section-title-module.white-text.style-double-wings .section-title:before,.section-title-module.white-text.style-double-wings .section-title:after{background-color:#fff}.section-title-module.white-text.style-highlight .section-title:after{background-color:#fff;opacity:.25}.section-title-module.white-text.style-tag-line .section-title{background-color:#ffffff26}.section-title-module.white-text.style-tag-line:after{background-color:#fff}.section-title-module.white-text.style-tag-block .section-title{background-color:#fff3}.section-title-module.white-text.style-tag-block:after{background-color:#fff;opacity:.1}.section-title-module.white-text.style-tag-underline .section-title{background-color:#ffffff26}.section-title-module.white-text.style-tag-underline:after{background-color:#fff}.section-title-module.black-text .section-title{color:#000;border-color:#000}.section-title-module.black-text.style-background .section-title,.section-title-module.black-text.style-side-line-bg .section-title{background-color:#00000014}.section-title-module.black-text.style-side-line-gradient .section-title{background:linear-gradient(to right,rgba(0,0,0,.08),transparent)}.section-title-module.black-text.style-wave .section-title:after{background-image:linear-gradient(to right,#000000 0%,#000000 50%,transparent 50%,transparent 100%)}.section-title-module.black-text.style-double-wings .section-title:before,.section-title-module.black-text.style-double-wings .section-title:after{background-color:#000}.section-title-module.black-text.style-highlight .section-title:after{background-color:#000;opacity:.15}.section-title-module.black-text.style-tag-line .section-title{background-color:#00000014}.section-title-module.black-text.style-tag-line:after{background-color:#000}.section-title-module.black-text.style-tag-block .section-title{background-color:#0000001a}.section-title-module.black-text.style-tag-block:after{background-color:#000;opacity:.05}.section-title-module.black-text.style-tag-underline .section-title{background-color:#00000014}.section-title-module.black-text.style-tag-underline:after{background-color:#000}.entry-module{margin-bottom:0}.entry-module .entry .entry-header .header-main .title-row{display:flex;justify-content:space-between;align-items:baseline}.entry-module .entry .entry-header .header-main .title-row .title-subtitle{display:flex;align-items:baseline;flex:1;flex-wrap:wrap}.entry-module .entry .entry-header .header-main .title-row .title-subtitle .entry-title{color:#2c3e50;font-weight:600;margin:0;font-family:inherit;flex-shrink:0;white-space:nowrap}.entry-module .entry .entry-header .header-main .title-row .title-subtitle .title-subtitle-separator{color:#2c3e50;margin:0 2px}.entry-module .entry .entry-header .header-main .title-row .title-subtitle .entry-subtitle{color:#2c3e50;margin:0}.entry-module .entry .entry-header .header-main .title-row .title-subtitle .subtitle-next-line{width:100%}.entry-module .entry .entry-header .header-main .title-row .date-location{display:flex;align-items:center;white-space:nowrap;margin-left:16px}.entry-module .entry .entry-header .header-main .title-row .date-location .entry-date{color:var(--resume-date-color);font-weight:400}.entry-module .entry .entry-header .header-main .title-row .date-location .date-location-separator{color:var(--resume-date-color);margin:0 4px}.entry-module .entry .entry-header .header-main .title-row .date-location .entry-location,.entry-module .entry .entry-header .header-main .title-row .date-location .entry-proficiency-text{color:var(--resume-date-color);font-weight:400}.entry-module .entry .entry-header .header-main .title-row .date-location .entry-proficiency-bar-inline{width:80px;margin-left:8px}.entry-module .entry .entry-header .header-main .title-row .date-location .entry-proficiency-bar-inline .proficiency-bar-background{width:100%;height:6px;background-color:#ecf0f1;border-radius:3px;overflow:hidden}.entry-module .entry .entry-header .header-main .title-row .date-location .entry-proficiency-bar-inline .proficiency-bar-background .proficiency-bar-fill{height:100%;background-color:#2c3e50;border-radius:3px;transition:width .3s ease}.entry-module .entry .entry-description{color:#2c3e50;margin-top:4px;text-align:justify;font-family:inherit}.entry-module .entry .entry-description>div,.entry-module .entry .entry-description>*{font-size:inherit;line-height:inherit;color:inherit}.entry-module .entry .entry-description p{margin:0 0 8px;line-height:inherit;font-size:inherit}.entry-module .entry .entry-description p:last-child{margin-bottom:0}.entry-module .entry .entry-description ul,.entry-module .entry .entry-description ol{margin:2px 0;padding-left:20px;font-size:inherit;line-height:inherit}.entry-module .entry .entry-description ul li,.entry-module .entry .entry-description ol li{margin:2px 0;line-height:inherit;font-size:inherit}.entry-module .entry .entry-description ul{list-style-type:disc}.entry-module .entry .entry-description ol{list-style-type:decimal}.entry-module .entry .entry-description strong{font-weight:600}.entry-module .entry .entry-description em{font-style:italic}.entry-module .entry .entry-description u{text-decoration:underline}.entry-module .entry .entry-description a{color:#2c3e50;text-decoration:none}.entry-module .entry .entry-description a:hover{text-decoration:underline}.entry-module .entry .entry-description ul ul,.entry-module .entry .entry-description ul ol,.entry-module .entry .entry-description ol ul,.entry-module .entry .entry-description ol ol{margin:2px 0}.entry-module .entry .entry-divider{margin:16px 0 0;border-color:#ecf0f1}.entry-module .entry .entry-level .level-bar-container{width:100%}.entry-module .entry .entry-level .level-bar-container .level-bar-background{width:100%;height:6px;background-color:#ecf0f1;border-radius:3px;overflow:hidden}.entry-module .entry .entry-level .level-bar-container .level-bar-background .level-bar-fill{height:100%;background-color:#2c3e50;border-radius:3px;transition:width .3s ease}.entry-module.white-text .entry .entry-title,.entry-module.white-text .entry .entry-subtitle,.entry-module.white-text .entry .title-subtitle-separator,.entry-module.white-text .entry .entry-date,.entry-module.white-text .entry .date-location-separator,.entry-module.white-text .entry .entry-location,.entry-module.white-text .entry .entry-proficiency-text{color:#fff!important}.entry-module.white-text .entry .entry-proficiency-bar-inline .proficiency-bar-background{background-color:#fff3}.entry-module.white-text .entry .entry-proficiency-bar-inline .proficiency-bar-background .proficiency-bar-fill{background-color:#ffffffe6}.entry-module.white-text .entry .entry-description,.entry-module.white-text .entry .entry-description *,.entry-module.white-text .entry .entry-description a{color:#fff}.entry-module.white-text .entry .entry-description a:hover{text-decoration:underline}.entry-module.white-text .entry .entry-divider{border-color:#fff3}.entry-module.white-text .entry .entry-level .level-bar-container .level-bar-background{background-color:#fff3}.entry-module.white-text .entry .entry-level .level-bar-container .level-bar-background .level-bar-fill{background-color:#ffffffe6}.entry-module.black-text .entry .entry-title,.entry-module.black-text .entry .entry-subtitle,.entry-module.black-text .entry .title-subtitle-separator,.entry-module.black-text .entry .entry-date,.entry-module.black-text .entry .date-location-separator,.entry-module.black-text .entry .entry-location,.entry-module.black-text .entry .entry-proficiency-text{color:#000!important}.entry-module.black-text .entry .entry-proficiency-bar-inline .proficiency-bar-background{background-color:#0000001a}.entry-module.black-text .entry .entry-proficiency-bar-inline .proficiency-bar-background .proficiency-bar-fill{background-color:#000c}.entry-module.black-text .entry .entry-description,.entry-module.black-text .entry .entry-description *,.entry-module.black-text .entry .entry-description a{color:#000}.entry-module.black-text .entry .entry-description a:hover{text-decoration:underline}.entry-module.black-text .entry .entry-divider{border-color:#0000001a}.entry-module.black-text .entry .entry-level .level-bar-container .level-bar-background{background-color:#0000001a}.entry-module.black-text .entry .entry-level .level-bar-container .level-bar-background .level-bar-fill{background-color:#000c}.resume-preview{min-height:100vh;background:hsl(var(--background))}.resume-preview .resume-page{width:var(--resume-width);height:var(--resume-height);background:var(--resume-background);box-shadow:var(--shadow-resume);border-radius:var(--border-radius-sm);display:flex;flex-direction:column;position:relative;margin-bottom:var(--resume-margin)}.resume-preview .resume-page:last-child{margin-bottom:0}.resume-preview .resume-page{background:var(--resume-full-background, var(--resume-background));background-size:var(--resume-background-size, cover);background-position:var(--resume-background-position, center);background-repeat:var(--resume-background-repeat, no-repeat)}.resume-preview .resume-page .resume-page-content{flex:1;height:auto;overflow:hidden}.resume-preview .one-column-layout .header-section,.resume-preview .two-column-layout.header-top .header-section,.resume-preview .two-column-layout.header-left .left-column,.resume-preview .two-column-layout.header-right .right-column{background:var(--resume-header-background, transparent);background-size:var(--resume-background-size, cover);background-position:var(--resume-background-position, center);background-repeat:var(--resume-background-repeat, no-repeat)}.resume-preview .resume-section{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;margin-bottom:inherit}.resume-preview .resume-section:has(.section-title){-moz-column-break-after:avoid;break-after:avoid;page-break-after:avoid}.resume-preview .resume-section:first-child{-moz-column-break-after:avoid;break-after:avoid;page-break-after:avoid}.resume-preview *{orphans:2;widows:2}.resume-preview .one-column-layout{display:flex;flex-direction:column;width:100%;height:100%}.resume-preview .one-column-layout .content-container{display:flex;flex-direction:column;width:100%}.resume-preview .one-column-layout .content-container .content-wrapper{display:flex;flex-direction:column}.resume-preview .two-column-layout{display:flex;flex-direction:column;width:100%;height:100%}.resume-preview .two-column-layout.header-top .header-section{width:100%}.resume-preview .two-column-layout.header-top .columns-container{display:flex;gap:0;justify-content:space-between;flex:1}.resume-preview .two-column-layout.header-left .columns-container,.resume-preview .two-column-layout.header-right .columns-container{display:flex;gap:0;justify-content:space-between;width:100%;height:100%}.resume-preview .two-column-layout .columns-container .column{display:flex;flex-direction:column;box-sizing:border-box}.resume-preview .two-column-layout .columns-container .column.left-column,.resume-preview .two-column-layout .columns-container .column.right-column{flex-shrink:0}.resume-preview .two-column-layout .columns-container .column .column-content{display:flex;flex-direction:column}.resume-preview .resume-module{width:100%}.save-template-modal{max-height:min(90vh,760px);overflow-y:auto}.save-template-form{display:flex;flex-direction:column;gap:20px}.save-template-field{display:flex;flex-direction:column;gap:8px}.save-template-field label{font-size:14px;font-weight:600;color:hsl(var(--foreground))}.save-template-field input{height:40px;border-radius:8px}.save-template-extra,.save-template-error{margin:0;font-size:12px;line-height:1.5}.save-template-extra{color:hsl(var(--muted-foreground))}.save-template-error{color:hsl(var(--destructive))}.save-template-modal-footer{gap:12px}.save-template-modal-footer button{height:40px;padding:0 24px;border-radius:12px;font-weight:600;font-size:14px;line-height:1.3;transition:all .3s cubic-bezier(.4,0,.2,1)}.save-template-modal-footer button:hover:not(:disabled){transform:translateY(-2px)}.template-instructions{margin-top:24px;padding:20px;background:linear-gradient(135deg,hsl(var(--primary)/.1),hsl(var(--primary)/.05));border:1px solid hsl(var(--border));border-radius:12px;box-shadow:0 2px 8px rgba(var(--shadow-color-rgb),.08)}.template-instructions h4{margin-top:0;margin-bottom:16px;font-size:15px;font-weight:700;color:hsl(var(--primary)/.8);display:flex;align-items:center;gap:8px}.template-instructions h4:before{content:"💡";font-size:18px}.template-instructions ol{margin:0;padding-left:24px;font-size:13px;line-height:1.8;color:hsl(var(--foreground))}.template-instructions ol li{margin-bottom:12px;padding-left:4px}.template-instructions ol li::marker{color:hsl(var(--foreground));font-weight:600}.template-instructions code{background-color:hsl(var(--card));padding:3px 8px;border-radius:4px;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;color:hsl(var(--primary)/.9);border:1px solid hsl(var(--border));font-weight:500}.template-instructions pre{margin-top:8px;padding:14px;background-color:hsl(var(--foreground));border:1px solid hsl(var(--muted-foreground));border-radius:8px;font-size:12px;overflow-x:auto;color:hsl(var(--muted));font-family:Monaco,Menlo,Courier New,monospace;line-height:1.6;box-shadow:inset 0 2px 4px rgba(var(--shadow-color-rgb),.1)}.template-instructions pre::-webkit-scrollbar{height:8px}.template-instructions pre::-webkit-scrollbar-track{background:hsl(var(--muted-foreground));border-radius:4px}.template-instructions pre::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground));border-radius:4px}.template-instructions pre::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground))}.template-instructions-note{margin-top:8px;color:#666;font-size:12px}.resume-workspace{background:hsl(var(--background));min-height:100vh;padding:0;overflow-y:auto}.resume-workspace .workspace-header{display:flex;align-items:center;justify-content:space-between;background:hsl(var(--background));border-bottom:1px solid hsl(var(--border));padding:0 24px;height:64px;position:fixed;top:0;left:0;right:0;z-index:100}.resume-workspace .workspace-header .header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.resume-workspace .workspace-header .workspace-back-button{height:36px;padding:0 16px;gap:8px;font-size:.875rem}.resume-workspace .workspace-header .resume-name-section{display:flex;align-items:center;min-width:0}.resume-workspace .workspace-header .resume-name-section .resume-name-display{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background-color .15s ease}.resume-workspace .workspace-header .resume-name-section .resume-name-display:hover{background:hsl(var(--accent))}.resume-workspace .workspace-header .resume-name-section .resume-name-display:hover .edit-icon{color:hsl(var(--foreground))}.resume-workspace .workspace-header .resume-name-section .resume-name-display .resume-name{font-size:1rem;font-weight:600;color:hsl(var(--foreground));letter-spacing:-.02em;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume-workspace .workspace-header .resume-name-section .resume-name-display .edit-icon{width:16px;height:16px;flex-shrink:0;color:hsl(var(--muted-foreground));transition:color .15s ease}.resume-workspace .workspace-header .header-actions{display:flex;align-items:center;gap:8px}.resume-workspace .workspace-header .header-actions .export-button,.resume-workspace .workspace-header .header-actions .share-button{height:36px;padding:0 16px;font-size:.875rem;gap:8px}.resume-workspace .workspace-row{position:relative;margin-top:64px;height:calc(100vh - 64px);display:flex;flex-direction:row-reverse;flex-wrap:wrap}.resume-workspace .edit-panel{height:100%;background:hsl(var(--background));display:flex;flex-direction:row;justify-content:flex-start;flex:1;min-width:320px;max-width:50%;container-type:inline-size;container-name:edit-panel}.resume-workspace .edit-panel .edit-panel-container{position:relative;display:flex;flex-direction:row-reverse;max-width:220.5833333333mm;width:100%;height:100%}.resume-workspace .edit-panel .toolbar-section{width:60px;padding:20px 0 20px 10px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:16px}.resume-workspace .edit-panel .toolbar-section .mode-switcher{width:100%;display:flex;flex-direction:column;align-items:stretch}.resume-workspace .edit-panel .toolbar-section .mode-switcher .mode-switch{width:100%;background:transparent;border:none;box-shadow:none;padding:0;border-radius:0}.resume-workspace .edit-panel .toolbar-section .mode-switcher .mode-switch .ui-switch__option{border-radius:8px 0 0 8px;padding:12px;justify-content:flex-start;gap:12px;background:#fff;box-shadow:0 1px 3px rgba(var(--shadow-color-rgb),.1);transition:all .2s ease}.resume-workspace .edit-panel .toolbar-section .mode-switcher .mode-switch .ui-switch__option:hover:not(.active){background:#fff;box-shadow:0 2px 6px rgba(var(--shadow-color-rgb),.15)}.resume-workspace .edit-panel .toolbar-section .mode-switcher .mode-switch .ui-switch__option.active{background:hsl(var(--primary)/.1);box-shadow:0 2px 6px rgba(var(--shadow-color-rgb),.15)}.resume-workspace .edit-panel .toolbar-section .mode-switcher .mode-switch .ui-switch__option.active .ui-switch__icon,.resume-workspace .edit-panel .toolbar-section .mode-switcher .mode-switch .ui-switch__option.active .ui-switch__label{color:hsl(var(--primary));font-weight:700}.resume-workspace .edit-panel .toolbar-section .mode-switcher .mode-switch .ui-switch__option .ui-switch__icon{font-size:18px}.resume-workspace .edit-panel .toolbar-section .mode-switcher .mode-switch .ui-switch__option .ui-switch__label{font-size:14px;font-weight:400}.resume-workspace .edit-panel .toolbar-section .mode-switcher .mode-switch .ui-switch__slider{display:none}@container edit-panel (min-width: 834px){.resume-workspace .edit-panel .toolbar-section .mode-switcher .mode-switch .ui-switch__option{border-radius:8px}}.resume-workspace .edit-panel .edit-content-wrapper{position:relative;flex:1;overflow:auto;padding:20px 8px 20px 20px;scrollbar-width:none;-ms-overflow-style:none}.resume-workspace .edit-panel .edit-content-wrapper::-webkit-scrollbar{display:none}.resume-workspace .edit-panel .edit-content-wrapper .edit-content{width:100%;max-width:100%}.resume-workspace .preview-panel{height:100%;background:hsl(var(--background));overflow:auto;padding:20px;flex:0 0 auto;min-width:220.5833333333mm;max-width:50%;scrollbar-width:none;-ms-overflow-style:none}.resume-workspace .preview-panel::-webkit-scrollbar{display:none}.resume-workspace .resume-switching-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.resume-workspace .resume-switching-overlay .switching-spinner{display:flex;flex-direction:column;align-items:center;gap:16px}.resume-workspace .resume-switching-overlay .switching-spinner .spinner{width:40px;height:40px;border:3px solid hsl(var(--border));border-top-color:hsl(var(--primary));border-radius:50%;animation:spin .8s linear infinite}.resume-workspace .resume-switching-overlay .switching-spinner p{margin:0;font-size:14px;color:#666;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.resume-workspace .template-fab-container{position:fixed;bottom:32px;right:32px;z-index:999}.resume-workspace .template-fab-container .template-fab{width:56px;height:56px;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary)/.9));border:none;box-shadow:0 4px 12px hsl(var(--primary)/.4);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.resume-workspace .template-fab-container .template-fab:hover{background:linear-gradient(135deg,hsl(var(--primary)/.9),hsl(var(--primary)));transform:scale(1.1);box-shadow:0 6px 20px hsl(var(--primary)/.5)}.resume-workspace .template-fab-container .template-fab:active{transform:scale(.95)}.resume-workspace .template-fab-container .template-fab .anticon{font-size:24px;color:#fff}.resume-workspace .draggable-section{margin-bottom:24px;max-width:100%;width:100%}.resume-workspace .draggable-section .section-card{border:1px solid hsl(var(--border));border-radius:12px;background:#fff;overflow:hidden;max-width:100%;width:100%;box-shadow:0 2px 8px rgba(var(--shadow-color-rgb),.06);transition:all .3s ease}.resume-workspace .draggable-section .section-card:hover{box-shadow:0 4px 16px rgba(var(--shadow-color-rgb),.1)}.resume-workspace .draggable-section .section-card.dragging{border:2px solid hsl(var(--primary));background:hsl(var(--primary)/.1);box-shadow:0 8px 25px rgba(var(--shadow-color-rgb),.15);cursor:grabbing;max-width:100%;width:100%}.resume-workspace .draggable-section .section-card.hidden-section{opacity:.6;background:hsl(var(--muted));border-color:hsl(var(--border))}.resume-workspace .draggable-section .section-card.hidden-section .title{color:#999}.resume-workspace .draggable-section .section-card.hidden-section .description{color:#ccc}.resume-workspace .draggable-section .section-card .section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;cursor:default;border-bottom:1px solid hsl(var(--border));transition:background-color .2s ease;margin:0}.resume-workspace .draggable-section .section-card .section-header .header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.resume-workspace .draggable-section .section-card .section-header .header-left .drag-handle{width:20px;height:28px;display:flex;align-items:center;justify-content:center;color:hsl(var(--muted-foreground));cursor:grab;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--border-radius-sm);transition:color .2s ease}.resume-workspace .draggable-section .section-card .section-header .header-left .drag-handle:hover{color:hsl(var(--muted-foreground))}.resume-workspace .draggable-section .section-card .section-header .header-left .drag-handle:active{cursor:grabbing;color:hsl(var(--foreground))}.resume-workspace .draggable-section .section-card .section-header .header-left .icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:hsl(var(--muted-foreground))}.resume-workspace .draggable-section .section-card .section-header .header-left .icon-container svg{width:20px;height:20px}.resume-workspace .draggable-section .section-card .section-header .header-left .title-section{flex:1;min-width:0}.resume-workspace .draggable-section .section-card .section-header .header-left .title-section .title{margin:0;font-size:16px;font-weight:600;color:hsl(var(--foreground));line-height:1.4}.resume-workspace .draggable-section .section-card .section-header .header-left .title-section .title .custom-indicator{margin-left:4px;color:hsl(var(--primary))}.resume-workspace .draggable-section .section-card .section-header .header-left .title-section .description{display:none}.resume-workspace .draggable-section .section-card .section-header .header-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.resume-workspace .draggable-section .section-card .section-content{padding:20px;overflow:hidden;background:hsl(var(--muted));cursor:default}.resume-workspace .draggable-section .section-card .section-content.collapsed{max-height:0px;opacity:0;pointer-events:none;padding:0 20px}.resume-workspace .draggable-section .section-card .section-content.expanded{max-height:2000px;opacity:1;pointer-events:auto}@media (max-width: 1360px) and (min-width: 1200px){.resume-workspace .preview-panel{padding:20px 10px}.resume-workspace .edit-panel{min-width:40%;max-width:40%}.resume-workspace .preview-panel{min-width:60%;max-width:60%}.resume-workspace .preview-panel .resume-preview{transform:scale(.85);transform-origin:top center}}@media (max-width: 1200px) and (min-width: 1100px){.resume-workspace .edit-panel{min-width:40%;max-width:40%}.resume-workspace .preview-panel{min-width:60%;max-width:60%}.resume-workspace .preview-panel .resume-preview{transform:scale(.8);transform-origin:top left;margin-left:0;margin-right:0}}@media (max-width: 1100px) and (min-width: 1000px){.resume-workspace .edit-panel{min-width:40%;max-width:40%}.resume-workspace .preview-panel{min-width:60%;max-width:60%}.resume-workspace .preview-panel .resume-preview{transform:scale(.75);transform-origin:top left;margin-left:0;margin-right:0}}@media (max-width: 1000px) and (min-width: 900px){.resume-workspace .edit-panel{min-width:40%;max-width:40%}.resume-workspace .preview-panel{min-width:60%;max-width:60%}.resume-workspace .preview-panel .resume-preview{transform:scale(.7);transform-origin:top left;margin-left:0;margin-right:0}}@media (max-width: 900px){.resume-workspace{height:auto}.resume-workspace .workspace-header{padding:0 12px}.resume-workspace .workspace-header .header-actions .export-button,.resume-workspace .workspace-header .header-actions .share-button{height:32px;padding:0 12px;font-size:13px}.resume-workspace .workspace-header .header-actions .export-button svg,.resume-workspace .workspace-header .header-actions .share-button svg{width:14px;height:14px}.resume-workspace .workspace-header .resume-name-section .resume-name-display .resume-name{max-width:150px;font-size:14px}.resume-workspace .workspace-header .resume-name-section .resume-name-display .edit-icon{width:14px;height:14px}.resume-workspace .workspace-row{height:auto;flex-direction:column}.resume-workspace .edit-panel{height:auto;max-width:100%;min-width:100%;flex-direction:column}.resume-workspace .edit-panel .edit-panel-container{max-width:100%;flex-direction:column}.resume-workspace .edit-panel .toolbar-section{width:100%;padding:12px 16px;flex-direction:row;flex-wrap:nowrap;gap:8px;align-items:center;justify-content:space-between}.resume-workspace .edit-panel .toolbar-section .mode-switcher{flex:0 0 auto;width:auto;margin-right:auto}.resume-workspace .edit-panel .toolbar-section .mode-switcher .ui-switch{width:auto!important;flex-direction:row!important}.resume-workspace .edit-panel .toolbar-section .mode-switcher .ui-switch .ui-switch__option{flex-direction:row!important;padding:10px 14px!important;gap:8px!important;border-radius:8px!important}.resume-workspace .edit-panel .toolbar-section .mode-switcher .ui-switch .ui-switch__option .ui-switch__icon{font-size:18px!important}.resume-workspace .edit-panel .toolbar-section .mode-switcher .ui-switch .ui-switch__option .ui-switch__label{font-size:14px!important;writing-mode:horizontal-tb!important;text-orientation:initial!important;letter-spacing:.3px!important;line-height:1!important;font-weight:500!important;white-space:nowrap!important}.resume-workspace .edit-panel .toolbar-section .mode-switcher .ui-switch .ui-switch__option.active .ui-switch__label{font-weight:700!important}.resume-workspace .edit-panel .edit-content-wrapper{padding:0 16px 16px}.resume-workspace .edit-panel .edit-content-wrapper .edit-content{max-width:100%}.resume-workspace .edit-panel .resume-settings .settings-card{margin-bottom:16px}.resume-workspace .edit-panel .resume-settings .settings-card .ant-card-body{padding:20px}.resume-workspace .edit-panel .resume-settings .settings-card .section-title{font-size:16px;margin-bottom:12px!important}.resume-workspace .preview-panel{display:none}}.templates-page{min-height:calc(100vh - 64px);background:hsl(var(--background));padding-top:36px}.templates-page .templates-container{max-width:1320px;margin:0 auto;padding:0 32px 64px}.templates-page .page-header{text-align:center;margin-bottom:44px}.templates-page .page-header .page-title{margin:0 0 14px;color:hsl(var(--foreground));font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1;letter-spacing:-.055em}.templates-page .page-header .page-description{max-width:660px;margin:0 auto;color:hsl(var(--muted-foreground));font-size:1rem;line-height:1.75}.templates-page .templates-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 0;color:hsl(var(--muted-foreground));text-align:center}.templates-page .templates-state .state-icon{width:32px;height:32px;margin-bottom:16px;color:hsl(var(--foreground))}.templates-page .templates-state .state-title{color:hsl(var(--foreground));font-size:1rem;font-weight:700}.templates-page .templates-state .state-description{margin-top:8px;color:hsl(var(--muted-foreground));font-size:.9rem}.templates-page .templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;text-align:left}.templates-page .templates-grid .template-card{position:relative;overflow:hidden;background:hsl(var(--card));border-color:hsl(var(--border));border-radius:16px;box-shadow:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer}.templates-page .templates-grid .template-card:hover{transform:translateY(-3px);border-color:hsl(var(--muted-foreground)/.25);box-shadow:0 16px 40px rgba(var(--shadow-color-rgb),.08)}.templates-page .templates-grid .template-card:hover .hover-overlay{opacity:1}.templates-page .templates-grid .template-card .template-preview{position:relative;width:100%;aspect-ratio:1/1.414;background:hsl(var(--muted));overflow:hidden}.templates-page .templates-grid .template-card .template-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:transform .35s ease}.templates-page .templates-grid .template-card .hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#ffffff9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease}.templates-page .templates-grid .template-card .premium-badge{position:absolute;top:12px;right:12px;z-index:15;background:#f59e0b;color:hsl(var(--foreground));border-color:transparent;font-weight:600}.template-preview-modal{width:min(92vw,1000px)!important;max-width:min(92vw,1000px)!important;padding:0!important;overflow:hidden}.template-preview-modal>button{z-index:20}.template-preview-modal .modal-content{display:flex;flex-direction:column;height:min(88vh,880px);min-height:520px}.template-preview-modal .modal-body{flex:1;min-height:0;background:hsl(var(--muted));display:flex;justify-content:center;overflow:hidden}.template-preview-modal .preview-container{width:100%;height:100%;padding:28px 28px 16px;overflow:auto;display:flex;justify-content:center}.template-preview-modal .preview-wrapper{width:210mm;min-height:297mm;transform-origin:top center}.template-preview-modal .modal-footer{flex-shrink:0;background:hsl(var(--background));padding:16px 24px;border-top:1px solid hsl(var(--border));display:flex;gap:16px;align-items:center}.template-preview-modal .modal-footer .resume-name-input{flex:1;height:48px;line-height:48px;padding:0 20px;border:1px solid hsl(var(--border));background-color:hsl(var(--muted));border-radius:999px;font-size:14px;color:hsl(var(--foreground))}.template-preview-modal .modal-footer .resume-name-input:focus-visible{border-color:hsl(var(--primary));background-color:hsl(var(--background));box-shadow:0 0 0 3px hsl(var(--primary)/.12)}.template-preview-modal .modal-footer .resume-name-input::-moz-placeholder{color:hsl(var(--muted-foreground))}.template-preview-modal .modal-footer .resume-name-input::placeholder{color:hsl(var(--muted-foreground))}.template-preview-modal .modal-footer .create-button{height:48px;border-radius:999px;min-width:168px}@media (max-width: 768px){.templates-page{padding-top:24px}.templates-page .templates-container{padding:0 20px 48px}.templates-page .page-header{margin-bottom:30px}.templates-page .templates-grid{grid-template-columns:1fr;gap:20px}.template-preview-modal{width:100vw!important;max-width:100vw!important;height:100vh;max-height:100vh;border-radius:0!important}.template-preview-modal .modal-content{height:100vh;min-height:0}.template-preview-modal .preview-container{padding:20px 20px 12px}.template-preview-modal .preview-wrapper{transform:scale(.72)}.template-preview-modal .modal-footer{padding:14px 16px;gap:12px}.template-preview-modal .modal-footer .create-button{min-width:128px}}@media (max-width: 576px){.templates-page .templates-container{padding:0 16px 40px}.template-preview-modal .preview-wrapper{transform:scale(.6)}.template-preview-modal .modal-footer{flex-direction:column;gap:10px}.template-preview-modal .modal-footer .resume-name-input{width:100%;flex:none}.template-preview-modal .modal-footer .create-button{width:100%}}.membership-page{min-height:calc(100vh - 130px);background:radial-gradient(circle at 50% 0%,hsl(var(--muted)) 0,transparent 40rem),hsl(var(--background));padding-top:64px}.membership-page .container{max-width:1180px;margin:0 auto;padding:0 24px 96px}.membership-page .page-header{margin-bottom:56px;text-align:center}.membership-page .page-header .page-title{margin:0 0 16px;color:hsl(var(--foreground));font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.05em;line-height:1}.membership-page .page-header .page-subtitle{max-width:560px;margin:0 auto;color:hsl(var(--muted-foreground));font-size:1.0625rem;line-height:1.75}.membership-page .pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;margin-bottom:80px}.membership-page .pricing-grid .card{position:relative;display:flex;flex-direction:column;border-color:hsl(var(--border));transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.membership-page .pricing-grid .card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(var(--shadow-color-rgb),.08)}.membership-page .pricing-grid .card.featured{border-color:hsl(var(--primary));box-shadow:0 12px 40px hsl(var(--primary)/.16);transform:translateY(-8px)}.membership-page .pricing-grid .card.featured:hover{transform:translateY(-10px);box-shadow:0 18px 48px hsl(var(--primary)/.2)}.membership-page .pricing-grid .card .plan-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.membership-page .pricing-grid .card .plan-badge{flex-shrink:0;font-weight:600}.membership-page .pricing-grid .card .plan-name{margin:0;color:hsl(var(--foreground));font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.membership-page .pricing-grid .card .plan-desc{min-height:44px;margin:8px 0 0;color:hsl(var(--muted-foreground));font-size:.9rem;line-height:1.6}.membership-page .pricing-grid .card .card-body{display:flex;flex-direction:column;flex:1}.membership-page .pricing-grid .card .price-area{display:flex;align-items:baseline;gap:6px;margin-bottom:24px}.membership-page .pricing-grid .card .price-area .amount{color:hsl(var(--foreground));font-size:2.75rem;font-weight:800;letter-spacing:-.04em;line-height:1}.membership-page .pricing-grid .card .price-area .amount:before{content:"¥";margin-right:2px;font-size:1.25rem;font-weight:700;letter-spacing:0}.membership-page .pricing-grid .card .price-area .period{color:hsl(var(--muted-foreground));font-size:.9rem}.membership-page .pricing-grid .card .feature-list{list-style:none;display:flex;flex-direction:column;gap:14px;padding:24px 0 0;margin:0 0 28px;border-top:1px solid hsl(var(--border))}.membership-page .pricing-grid .card .feature-list .feature-item{display:flex;align-items:center;gap:10px;color:hsl(var(--muted-foreground));font-size:.9rem;line-height:1.5}.membership-page .pricing-grid .card .feature-list .feature-item.active{color:hsl(var(--foreground))}.membership-page .pricing-grid .card .feature-list .feature-item .icon{width:18px;height:18px;flex-shrink:0}.membership-page .pricing-grid .card .feature-list .feature-item .icon-check{color:hsl(var(--primary))}.membership-page .pricing-grid .card .feature-list .feature-item .icon-x{color:hsl(var(--muted-foreground)/.4)}.membership-page .pricing-grid .card .feature-list .feature-item strong{font-weight:700}.membership-page .pricing-grid .card .plan-button{margin-top:auto;width:100%}.membership-page .status-section{max-width:900px;margin:0 auto}.membership-page .status-section .swift-card{border-color:hsl(var(--border))}.membership-page .status-section .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.membership-page .status-section .header-left{display:flex;align-items:center;gap:10px}.membership-page .status-section .crown-icon{width:22px;height:22px;color:hsl(var(--foreground))}.membership-page .status-section .card-title{color:hsl(var(--foreground));font-size:20px;font-weight:700;letter-spacing:-.03em}.membership-page .status-section .status-badge{width:-moz-fit-content;width:fit-content}.membership-page .status-section .data-container{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.membership-page .status-section .data-item{display:flex;flex-direction:column;gap:8px}.membership-page .status-section .data-item.data-item-end{text-align:right}.membership-page .status-section .label{color:hsl(var(--muted-foreground));font-size:14px;font-weight:500}.membership-page .status-section .big-number{color:hsl(var(--foreground));font-size:42px;font-weight:800;line-height:1;letter-spacing:-.06em;font-feature-settings:"tnum"}.membership-page .status-section .unit{margin-left:4px;color:hsl(var(--muted-foreground));font-size:16px;font-weight:600;letter-spacing:0}.membership-page .status-section .date-text{color:hsl(var(--foreground));font-family:var(--font-family-mono);font-size:20px;font-weight:600}@media (max-width: 900px){.membership-page .pricing-grid{grid-template-columns:1fr;max-width:440px;margin-inline:auto}.membership-page .pricing-grid .card.featured{transform:none}.membership-page .pricing-grid .card.featured:hover{transform:translateY(-4px)}}@media (max-width: 640px){.membership-page{padding-top:40px}.membership-page .container{padding:0 16px 64px}.membership-page .page-header{margin-bottom:40px}.membership-page .status-section .card-header,.membership-page .status-section .data-container{flex-direction:column;align-items:flex-start}.membership-page .status-section .data-item{width:100%;text-align:left!important}.membership-page .status-section .big-number{font-size:2.25rem}.membership-page .status-section .date-text{font-size:1rem}}.payment-success-page{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;background:hsl(var(--muted));padding:40px 20px}.payment-success-page .container{background:hsl(var(--card));border-radius:16px;padding:60px 40px;box-shadow:0 4px 24px rgba(var(--shadow-color-rgb),.08);max-width:600px;width:100%;border:1px solid hsl(var(--border))}@media (max-width: 768px){.payment-success-page{padding:20px}.payment-success-page .container{padding:40px 24px}}.payment-status-card{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.payment-status-card h1{margin:0;color:hsl(var(--foreground));font-size:28px;font-weight:600}.payment-status-card p{margin:0;color:hsl(var(--muted-foreground));font-size:16px;line-height:var(--line-height-relaxed)}.payment-status-card--loading{min-height:220px;justify-content:center}.payment-status-icon{width:72px;height:72px;margin-bottom:12px}.payment-status-icon--success{color:#52c41a}.payment-status-icon--failed{color:#ff4d4f}.payment-status-icon--loading{width:48px;height:48px;color:hsl(var(--foreground));animation:payment-status-spin .8s linear infinite}.payment-status-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:12px}.payment-status-actions button{min-width:120px;height:44px;border-radius:8px;font-size:16px}@keyframes payment-status-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.payment-status-card h1{font-size:24px}.payment-status-card p{font-size:14px}.payment-status-icon{width:56px;height:56px}.payment-status-actions{gap:8px}.payment-status-actions button{height:40px;min-width:108px;font-size:14px}}.profile-page{position:relative;min-height:100vh;background:hsl(var(--background));overflow-x:hidden;padding-top:20px}.profile-main{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:2px 0 60px;display:grid;grid-template-columns:280px 1fr;gap:30px}.profile-sidebar .sidebar-card{overflow:hidden;height:100%;display:flex;flex-direction:column}.profile-sidebar .sidebar-card-content{padding:0;display:flex;flex-direction:column;flex:1}.profile-summary{padding:30px 20px;text-align:center}.big-avatar-wrapper{position:relative;width:100px;height:100px;margin:0 auto 16px}.big-avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary)/.9));border:4px solid #fff;box-shadow:0 8px 20px rgba(var(--shadow-color-rgb),.1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700}.edit-avatar-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;padding:0;background:hsl(var(--primary));border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.edit-avatar-btn svg{width:16px;height:16px}.edit-avatar-btn:hover{transform:scale(1.1);background:hsl(var(--primary)/.9)}.user-fullname{font-size:1.2rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:4px}.user-email{font-size:.9rem;color:hsl(var(--muted-foreground));margin-bottom:16px}.member-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary)/.9));color:#fbbf24;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:24px;box-shadow:0 4px 10px rgba(var(--shadow-color-rgb),.15)}.side-menu{padding:0 10px 20px}.profile-content .details-card{min-height:600px}.profile-content .details-card-content{padding:40px}.section-header{margin-bottom:30px;border-bottom:1px solid hsl(var(--border));padding-bottom:20px}.section-title{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin:0}.section-desc{font-size:.95rem;color:hsl(var(--muted-foreground));margin:6px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-full{grid-column:span 2}.form-field{margin-bottom:4px}.form-label{display:inline-flex;margin-bottom:8px}.form-error{margin:6px 0 0;color:hsl(var(--destructive));font-size:.8rem}.email-hint{font-size:.8rem;color:hsl(var(--muted-foreground));margin:4px 0 24px;line-height:1.5;grid-column:span 2}.security-hint{display:flex;align-items:center;gap:8px;padding:12px 16px;background:hsl(var(--primary)/.1);border-left:3px solid hsl(var(--primary));border-radius:8px;font-size:.85rem;color:hsl(var(--muted-foreground));margin-bottom:24px;line-height:1.5}.security-hint svg{width:16px;height:16px;color:hsl(var(--foreground));flex-shrink:0}.input-with-icon{position:relative}.input-with-icon>svg{position:absolute;left:12px;top:50%;width:16px;height:16px;color:hsl(var(--muted-foreground));transform:translateY(-50%);z-index:1}.input-with-icon input{padding-left:38px}.action-bar{margin-top:40px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 768px){.profile-main{grid-template-columns:1fr;padding:100px 20px 40px;gap:20px}.form-grid{grid-template-columns:1fr}.form-full{grid-column:span 1}.profile-content .details-card-content{padding:24px}.section-header{margin-bottom:20px;padding-bottom:16px}.action-bar{flex-direction:column;gap:12px}}.create-resume-modal .modal-container{display:flex;flex-direction:column;height:85vh;max-height:800px;overflow:hidden}.create-resume-modal .modal-header{flex-shrink:0;padding:20px 30px;text-align:center;border-bottom:1px solid #eee;position:relative}.create-resume-modal .modal-header .modal-title{font-size:20px;font-weight:600;color:#333;margin:0}.create-resume-modal .template-loading-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#999}.create-resume-modal .template-loading-state .loading-icon{width:32px;height:32px;color:hsl(var(--foreground))}.create-resume-modal .templates-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:24px;padding:30px;overflow-x:hidden;overflow-y:auto;align-content:start;background-color:#fcfcfc}.create-resume-modal .templates-grid::-webkit-scrollbar{width:8px}.create-resume-modal .templates-grid::-webkit-scrollbar-track{background:transparent}.create-resume-modal .templates-grid::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.create-resume-modal .templates-grid::-webkit-scrollbar-thumb:hover{background:#bbb}.create-resume-modal .templates-grid .template-card{width:100%;height:0;padding:0 0 141.43%;position:relative;border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;background:#fff;box-shadow:0 4px 12px rgba(var(--shadow-color-rgb),.05);-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left}.create-resume-modal .templates-grid .template-card:hover:not(.selected){transform:translateY(-4px);box-shadow:0 10px 20px rgba(var(--shadow-color-rgb),.08)}.create-resume-modal .templates-grid .template-card.selected{border-color:hsl(var(--primary));box-shadow:0 0 0 4px hsl(var(--primary)/.1)}.create-resume-modal .templates-grid .template-card .template-preview{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;display:flex;justify-content:center;align-items:flex-start;width:100%;height:100%;overflow:hidden}.create-resume-modal .templates-grid .template-card .template-preview.blank-preview{align-items:center;justify-content:center}.create-resume-modal .templates-grid .template-card .template-preview .template-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.create-resume-modal .templates-grid .template-card .template-preview .premium-badge{position:absolute;top:8px;right:8px;background:hsl(var(--primary));color:#fff;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:500;box-shadow:var(--shadow-brand);z-index:1}.create-resume-modal .templates-grid .template-card .template-info{display:none}.create-resume-modal .create-section{flex-shrink:0;background:#fff;padding:16px 24px;border-top:1px solid #eee;display:flex;gap:16px;align-items:center;box-shadow:0 -4px 20px rgba(var(--shadow-color-rgb),.03)}.create-resume-modal .create-section .name-input-wrapper{flex:1;position:relative}.create-resume-modal .create-section .resume-name-input{height:48px;line-height:48px;padding:0 20px;border:1px solid #e0e0e0;background-color:#f9f9f9;border-radius:999px;font-size:14px;color:#333}.create-resume-modal .create-section .resume-name-input:focus-visible{border-color:hsl(var(--primary));background-color:#fff;box-shadow:0 0 0 3px hsl(var(--primary)/.1)}.create-resume-modal .create-section .resume-name-input::-moz-placeholder{color:#999}.create-resume-modal .create-section .resume-name-input::placeholder{color:#999}.create-resume-modal .create-section .create-button{height:48px;border-radius:999px;min-width:128px}.create-resume-modal.create-resume-dialog-content{width:66vw;max-width:1200px;padding:0;gap:0;border:none;overflow:hidden;border-radius:20px;box-shadow:0 20px 60px rgba(var(--shadow-color-rgb),.15)}@media (max-width: 1024px){.create-resume-modal .modal-container{height:75vh;max-height:700px}.create-resume-modal .templates-grid{padding:24px;gap:20px}.create-resume-modal .create-section{padding:16px 24px}}@media (max-width: 768px){.create-resume-modal.create-resume-dialog-content{width:100vw;max-width:100vw;height:100vh;border-radius:0}.create-resume-modal .modal-container{height:100vh;width:100%;border-radius:0}.create-resume-modal .templates-grid{grid-template-columns:repeat(2,1fr);padding:20px;gap:16px}.create-resume-modal .create-section{flex-direction:column;padding:16px 20px;gap:12px}.create-resume-modal .create-section .name-input-wrapper{width:100%}.create-resume-modal .create-section .resume-name-input{height:44px;line-height:44px}.create-resume-modal .create-section .create-button{width:100%;height:44px}}@media (max-width: 480px){.create-resume-modal .templates-grid{grid-template-columns:1fr}}.upload-resume-modal .modal-container{padding:8px 0}.upload-resume-modal .modal-header{text-align:center;margin-bottom:12px}.upload-resume-modal .modal-header .modal-title{font-size:20px;font-weight:600;margin:0 0 8px;color:hsl(var(--foreground))}.upload-resume-modal .modal-header .modal-description{font-size:14px;color:hsl(var(--muted-foreground));margin:0}.upload-resume-modal .modal-content{min-height:280px;display:flex;flex-direction:column;justify-content:center}.upload-resume-modal .parsing-container{text-align:center;padding:40px 0}.upload-resume-modal .parsing-container .loader-icon{width:32px;height:32px;color:hsl(var(--foreground))}.upload-resume-modal .parsing-container .parsing-text{margin:16px 0;font-size:16px;color:hsl(var(--foreground))}.upload-resume-modal .parsing-container .file-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:hsl(var(--muted));border-radius:6px;max-width:300px;margin:0 auto}.upload-resume-modal .parsing-container .file-info .file-icon{width:18px;height:18px;color:hsl(var(--foreground))}.upload-resume-modal .parsing-container .file-info span{font-size:14px;color:hsl(var(--muted-foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-resume-modal .success-container{padding:20px 0}.upload-resume-modal .success-container .success-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.upload-resume-modal .success-container .success-header .success-icon{width:24px;height:24px;color:var(--success-color)}.upload-resume-modal .success-container .success-header span{font-size:16px;font-weight:500;color:hsl(var(--foreground))}.upload-resume-modal .success-container .parse-summary{background:hsl(var(--muted));border-radius:8px;padding:16px 20px;margin-bottom:24px}.upload-resume-modal .success-container .parse-summary .summary-item{display:flex;align-items:center;padding:8px 0}.upload-resume-modal .success-container .parse-summary .summary-item:not(:last-child){border-bottom:1px solid hsl(var(--border))}.upload-resume-modal .success-container .parse-summary .summary-item .label{font-size:14px;color:hsl(var(--muted-foreground));width:100px;flex-shrink:0}.upload-resume-modal .success-container .parse-summary .summary-item .value{font-size:14px;color:hsl(var(--foreground));font-weight:500}.upload-resume-modal .success-container .create-section{display:flex;gap:12px;margin-bottom:16px}.upload-resume-modal .success-container .create-section .name-input-wrapper{flex:1}.upload-resume-modal .success-container .reupload-btn{display:flex;margin:0 auto;padding:0;font-size:14px}.upload-resume-modal .error-container{text-align:center;padding:40px 0}.upload-resume-modal .error-container .error-icon{width:32px;height:32px;color:hsl(var(--destructive));margin:0 auto 12px}.upload-resume-modal .error-container .error-message{color:hsl(var(--destructive));font-size:14px;margin-bottom:20px}.my-resumes-page{max-width:1400px;margin:0 auto;padding:32px 32px 72px}.my-resumes-page .resumes-layout{display:flex;align-items:flex-start;gap:24px}.my-resumes-page .resumes-sidebar{flex-shrink:0;width:180px}.my-resumes-page .resumes-content{flex:1;min-width:0}.my-resumes-page .trash-section .trash-hint{font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:16px}.my-resumes-page .trash-section .trash-empty{display:flex;justify-content:center;padding:72px 0;color:hsl(var(--muted-foreground))}.my-resumes-page .resumes-grid{display:grid;grid-template-columns:repeat(auto-fill,260px);gap:clamp(16px,3vw,28px);padding-top:4px;justify-content:center}.my-resumes-page .resumes-grid .loading-container{grid-column:1/-1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:72px 0;color:hsl(var(--muted-foreground))}.my-resumes-page .resumes-grid .loading-container .loading-icon{width:28px;height:28px;color:hsl(var(--foreground))}.my-resumes-page .card{position:relative;background:hsl(var(--card));border-color:hsl(var(--border));border-radius:14px;box-shadow:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden;cursor:pointer}.my-resumes-page .card:hover{transform:translateY(-3px);border-color:hsl(var(--muted-foreground)/.25);box-shadow:0 16px 40px rgba(var(--shadow-color-rgb),.08)}.my-resumes-page .action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:hsl(var(--card));border:1px solid hsl(var(--border));aspect-ratio:210/297}.my-resumes-page .action-card .action-icon-wrapper{width:56px;height:56px;border-radius:16px;background:hsl(var(--accent));display:flex;align-items:center;justify-content:center;color:hsl(var(--foreground))}.my-resumes-page .action-card .action-icon-wrapper .action-icon{width:24px;height:24px}.my-resumes-page .action-card .action-content{text-align:center;padding:0 24px}.my-resumes-page .action-card .action-content .action-title{font-size:.95rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 6px;letter-spacing:-.02em}.my-resumes-page .action-card .action-content .action-description{font-size:.8125rem;color:hsl(var(--muted-foreground));margin:0;line-height:1.5}.my-resumes-page .resume-card{position:relative;aspect-ratio:210/297}.my-resumes-page .resume-card .resume-cover{position:absolute;top:0;right:0;bottom:0;left:0;background:hsl(var(--muted));overflow:hidden;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none;pointer-events:auto}.my-resumes-page .resume-card .resume-cover .preview-wrapper{width:var(--resume-width);height:var(--resume-height);transform:scale(.34);transform-origin:center center;transition:all .2s ease;pointer-events:none}.my-resumes-page .resume-card .resume-info{position:absolute;bottom:0;left:0;right:0;background:hsl(var(--background)/.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 14px;display:flex;flex-direction:column;justify-content:center;gap:4px;border-top:1px solid hsl(var(--border));z-index:5;pointer-events:auto}.my-resumes-page .resume-card .resume-info .resume-title{font-weight:700;font-size:.875rem;color:hsl(var(--foreground));pointer-events:auto;line-height:1.2;letter-spacing:-.02em}.my-resumes-page .resume-card .resume-info .resume-meta{font-size:.6875rem;color:hsl(var(--muted-foreground));pointer-events:auto;line-height:1.2}.my-resumes-page .resume-card .resume-actions{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translate(8px);transition:all .2s ease;z-index:10}.my-resumes-page .resume-card .resume-actions button{width:32px;height:32px;background:hsl(var(--background)/.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.my-resumes-page .resume-card:hover .resume-actions{opacity:1;transform:translate(0)}.my-resumes-page .trash-card{cursor:default;opacity:.76}.my-resumes-page .trash-card:hover{transform:translateY(-3px)}.my-resumes-page .trash-card .trash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:hsl(var(--background)/.5);z-index:4;pointer-events:none}.my-resumes-page .trash-card .resume-cover{cursor:default}.my-resumes-page .trash-card .resume-cover .preview-wrapper--disabled{width:100%;height:100%;background:hsl(var(--muted))}.my-resumes-page .trash-card .trash-actions{opacity:1!important;transform:none!important}.my-resumes-page .trash-card .trash-actions .restore-icon:hover{color:#16a34a;border-color:#bbf7d0}@media (max-width: 768px){.my-resumes-page{padding:20px 16px 56px}.my-resumes-page .resumes-layout{flex-direction:column;gap:14px}.my-resumes-page .resumes-sidebar{width:100%;flex-direction:row;overflow-x:auto}.my-resumes-page .resumes-sidebar .side-nav__item{flex:1;justify-content:center;min-width:130px}.my-resumes-page .resumes-content{width:100%}.my-resumes-page .resumes-grid{grid-template-columns:repeat(2,1fr);gap:12px}.my-resumes-page .action-card{min-height:180px;padding:20px 12px}.my-resumes-page .action-card .action-icon-wrapper{width:44px;height:44px}.my-resumes-page .action-card .action-content{padding:0 8px}.my-resumes-page .action-card .action-content .action-title{font-size:.875rem}.my-resumes-page .action-card .action-content .action-description{font-size:.75rem;line-height:1.3}.my-resumes-page .resume-card{aspect-ratio:210/297}.my-resumes-page .resume-card .resume-cover .preview-wrapper{transform:scale(.24)}.my-resumes-page .resume-card .resume-info{padding:10px 12px}.my-resumes-page .resume-card .resume-info .resume-title{font-size:.8125rem}.my-resumes-page .resume-card .resume-info .resume-meta{font-size:.6875rem;margin-top:2px}.my-resumes-page .resume-card .resume-actions{opacity:1;transform:none;top:6px;right:6px;gap:4px}.my-resumes-page .resume-card .resume-actions button{width:30px;height:30px}}@media (max-width: 640px){.my-resumes-page .resumes-grid{gap:10px}.my-resumes-page .resume-card .resume-cover .preview-wrapper{transform:scale(.22)}.my-resumes-page .resume-card .resume-info{padding:8px 10px}.my-resumes-page .resume-card .resume-info .resume-title{font-size:.75rem}.my-resumes-page .resume-card .resume-info .resume-meta{font-size:.625rem}.my-resumes-page .resume-card .resume-actions button{width:28px;height:28px}.my-resumes-page .action-card{min-height:160px;padding:16px 8px}.my-resumes-page .action-card .action-icon-wrapper{width:40px;height:40px}.my-resumes-page .action-card .action-content .action-title{font-size:.8125rem}.my-resumes-page .action-card .action-content .action-description{font-size:.6875rem;line-height:1.2}}@media (max-width: 400px){.my-resumes-page .resumes-grid{grid-template-columns:1fr;gap:12px}.my-resumes-page .resume-card .resume-cover .preview-wrapper{transform:scale(.28)!important}.my-resumes-page .resume-card .resume-info{padding:12px 14px}.my-resumes-page .resume-card .resume-info .resume-title{font-size:.875rem}.my-resumes-page .resume-card .resume-info .resume-meta{font-size:.6875rem}.my-resumes-page .resume-card .resume-actions{flex-direction:row;gap:4px}}.invitation-page{position:relative;min-height:calc(100vh - 60px);overflow-x:hidden}.invitation-container{position:relative;max-width:1200px;margin:48px auto 80px;padding:0}.page-header{margin-bottom:40px}.page-header h2{font-size:28px;font-weight:700;color:hsl(var(--foreground));margin-bottom:8px;letter-spacing:-.02em}.page-header p{font-size:16px;color:hsl(var(--muted-foreground));margin:0}.grid-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:24px}.invite-card,.reward-card,.records-card{background:hsl(var(--card));border-radius:12px;border:1px solid hsl(var(--border));box-shadow:0 1px 2px rgba(var(--shadow-color-rgb),.05);transition:box-shadow .2s}.invite-card:hover,.reward-card:hover,.records-card:hover{box-shadow:0 4px 6px -1px rgba(var(--shadow-color-rgb),.05),0 2px 4px -1px rgba(var(--shadow-color-rgb),.03)}.invite-card .card-header,.reward-card .card-header,.records-card .card-header{border-bottom:none;padding:24px 24px 20px}.invite-card .card-title,.reward-card .card-title,.records-card .card-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:hsl(var(--foreground))}.invite-card .card-title svg,.reward-card .card-title svg,.records-card .card-title svg{width:20px;height:20px;color:hsl(var(--muted-foreground))}.invite-card .card-content,.reward-card .card-content,.records-card .card-content{padding:0 24px 24px}.records-card{grid-column:1/-1}.card-description{font-size:14px;color:hsl(var(--muted-foreground));margin:0 0 20px}.loading-state,.empty-state{padding:60px 0;text-align:center;color:hsl(var(--muted-foreground));font-size:14px}.invite-code-section{display:flex;flex-direction:column;gap:20px}.invite-code-section .code-item{display:flex;flex-direction:column;gap:8px}.invite-code-section .code-item>span{display:block;font-size:12px;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.5px}.copy-row{width:100%;display:flex;align-items:center;gap:8px;background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:8px;padding:4px;transition:border-color .2s,background .2s}.copy-row:focus-within{border-color:hsl(var(--primary));background:#fff}.copy-row code{flex:1;border:none;background:transparent;padding:8px 12px;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:14px;color:hsl(var(--foreground));outline:none;-webkit-user-select:all;-moz-user-select:all;user-select:all}.copy-row .invite-code{letter-spacing:2px;font-weight:500}.reward-stats-badge{margin-bottom:16px;padding:16px 0;border-top:1px solid hsl(var(--border))}.reward-stat-row{display:flex;justify-content:space-between;gap:12px}.reward-stat-row:not(:last-child){margin-bottom:4px}.reward-text{font-size:14px;font-weight:500;color:hsl(var(--foreground))}.reward-subtext{font-size:14px;color:hsl(var(--foreground))}.progress-section .reward-stat{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}.progress-section .reward-stat .reward-number{font-size:32px;font-weight:700;color:hsl(var(--foreground));letter-spacing:-1px}.progress-section .reward-stat .reward-label{font-size:14px;color:hsl(var(--muted-foreground))}.progress-section .progress-track{height:6px;width:100%;margin-bottom:12px;border-radius:100px;background:hsl(var(--muted));overflow:hidden}.progress-section .progress-track.success .progress-fill{background:var(--success-color)}.progress-section .progress-fill{height:100%;border-radius:100px;background:hsl(var(--primary));transition:width .3s ease}.progress-section .progress-info{display:flex;justify-content:space-between;font-size:12px;color:hsl(var(--muted-foreground));margin-bottom:16px}.progress-section .progress-info .progress-reward{color:hsl(var(--foreground));font-weight:500}.keep-inviting-hint{display:none}.records-table-wrapper{overflow-x:auto}.records-table{width:100%;border-collapse:collapse}.records-table th{background:hsl(var(--muted));color:hsl(var(--muted-foreground));font-size:12px;font-weight:600;border-bottom:1px solid hsl(var(--border));padding:12px 16px;text-align:left}.records-table th:last-child{text-align:right;padding-right:16px}.records-table td{padding:16px;font-size:14px;border-bottom:1px solid hsl(var(--border));color:hsl(var(--foreground))}.records-table td:last-child{text-align:right;padding-right:16px}.records-table tr:last-child td{border-bottom:none}.records-table .reward-status span{border-radius:100px}.user-info{display:flex;flex-direction:column;gap:2px}.user-info .user-name{font-weight:500;color:hsl(var(--foreground))}.user-info .user-email{font-size:12px;color:hsl(var(--muted-foreground))}.invited-at{color:hsl(var(--muted-foreground))}@media (max-width: 768px){.invitation-page{padding-bottom:24px;overflow-x:hidden}.invitation-container{margin:20px auto 40px;padding:0 16px;max-width:100%;width:100%}.grid-layout{grid-template-columns:1fr;gap:16px}.page-header{margin-bottom:24px}.page-header h2{font-size:22px;font-weight:600}.page-header p{font-size:14px}.invite-card,.reward-card,.records-card{border-radius:10px;max-width:100%;width:100%;overflow:hidden}.invite-card .card-header,.reward-card .card-header,.records-card .card-header{padding:18px 16px 14px}.invite-card .card-title,.reward-card .card-title,.records-card .card-title{font-size:15px}.invite-card .card-content,.reward-card .card-content,.records-card .card-content{padding:0 16px 18px;overflow-x:hidden}.invite-code-section{gap:16px}.invite-code-section .code-item{gap:6px}.invite-code-section .code-item>span{font-size:11px}.copy-row{flex-direction:column;align-items:stretch;gap:0;padding:2px}.copy-row code{padding:10px 12px;font-size:13px;word-break:break-all;text-align:center}.copy-row .invite-code{letter-spacing:1.5px}.copy-row .invite-link{font-size:11px;line-height:1.4}.progress-section .reward-stat{margin-bottom:12px}.progress-section .reward-stat .reward-number{font-size:28px}.progress-section .reward-stat .reward-label{font-size:13px}.progress-section .progress-info{font-size:11px}.progress-section .progress-info .progress-reward{font-size:12px}.reward-stats-badge{margin-bottom:14px;padding:14px 0}.reward-text,.reward-subtext{font-size:13px}.keep-inviting-hint{display:block!important;margin-top:12px;padding:12px;background:hsl(var(--muted));border-radius:6px;text-align:center;font-size:13px}.records-table{font-size:13px}.records-table th{padding:10px 8px;font-size:11px}.records-table th:nth-child(2){display:none}.records-table td{padding:12px 8px}.records-table td:nth-child(2){display:none}.user-info{gap:3px}.user-info .user-name{font-size:13px}.user-info .user-email{font-size:11px}}@media (max-width: 480px){.invitation-container{padding:0 12px}.page-header{margin-bottom:20px}.page-header h2{font-size:20px}.page-header p{font-size:13px}.invite-card .card-header,.reward-card .card-header,.records-card .card-header{padding:16px 14px 12px}.invite-card .card-title,.reward-card .card-title,.records-card .card-title{font-size:14px}.invite-card .card-content,.reward-card .card-content,.records-card .card-content{padding:0 14px 16px}.copy-row code{font-size:12px;padding:8px 10px}.copy-row .invite-link{font-size:10px}.progress-section .reward-stat .reward-number{font-size:24px}.progress-section .reward-stat .reward-label{font-size:12px}.progress-section .progress-info{font-size:10px}.progress-section .progress-info .progress-reward{font-size:11px}.records-table{font-size:12px}.records-table th{padding:8px 6px;font-size:10px}.records-table td{padding:10px 6px}.user-info .user-name{font-size:12px}.user-info .user-email{font-size:10px}}.shared-resume-page{min-height:100vh;display:flex;flex-direction:column;align-items:center}.shared-resume-page .preview-container{width:var(--resume-width);margin-top:20px}.shared-resume-page .shared-resume-footer{width:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xxl);text-align:center;border-top:var(--border-width-thin) solid hsl(var(--primary)/.06);margin-top:auto}.shared-resume-page .shared-resume-footer p{margin:0;font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));font-weight:var(--font-weight-medium)}.shared-resume-page .shared-resume-footer a{color:hsl(var(--foreground));text-decoration:none;font-weight:var(--font-weight-semibold);transition:all var(--transition-base) var(--ease-out)}.shared-resume-page .shared-resume-footer a:hover{color:hsl(var(--primary)/.9);text-decoration:underline}.shared-resume-loading,.shared-resume-error{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.shared-resume-loading{flex-direction:column;gap:var(--spacing-md);color:hsl(var(--foreground));font-weight:var(--font-weight-medium)}.shared-resume-spinner{width:40px;height:40px;animation:shared-resume-spin .8s linear infinite}.shared-resume-loading-text{font-size:var(--font-size-base)}.shared-resume-error{padding:var(--spacing-huge)}.shared-resume-error-card{width:min(420px,100%);border:none;box-shadow:var(--shadow-xl)}.shared-resume-error-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-huge);text-align:center}.shared-resume-error-content h1{margin:0;color:hsl(var(--foreground));font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold)}.shared-resume-error-content p{margin:0;color:hsl(var(--muted-foreground));line-height:var(--line-height-relaxed)}.shared-resume-error-icon{width:56px;height:56px;color:hsl(var(--foreground))}@keyframes shared-resume-spin{to{transform:rotate(360deg)}}.legal-page{min-height:100vh;background:hsl(var(--background));padding:var(--spacing-xxl) var(--spacing-lg);position:relative}.legal-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(28,25,23,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(120,113,108,.06) 0%,transparent 50%);pointer-events:none}.legal-container{max-width:900px;margin:0 auto;position:relative;z-index:1}.legal-card{box-shadow:var(--shadow-xl);border-radius:var(--border-radius-xl);border:none;background:hsl(var(--card))}.legal-card-body{padding:var(--spacing-xxl)}.legal-header{text-align:center;margin-bottom:var(--spacing-xxl);padding-bottom:var(--spacing-xl);border-bottom:1px solid hsl(var(--border))}.legal-header h1{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary)/.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)!important}.legal-content section{margin-bottom:var(--spacing-xxl)}.legal-content section:last-child{margin-bottom:0}.legal-content section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:hsl(var(--foreground));margin-bottom:var(--spacing-md);padding-left:var(--spacing-sm);border-left:4px solid hsl(var(--primary))}.legal-content section p,.legal-content section ul{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:hsl(var(--foreground));margin-bottom:var(--spacing-md)}.legal-content section ul{padding-left:var(--spacing-xl)}.legal-content section ul li{margin-bottom:var(--spacing-sm);line-height:var(--line-height-relaxed)}.legal-content section ul li strong{color:hsl(var(--foreground));font-weight:var(--font-weight-semibold)}.legal-content section a{color:hsl(var(--foreground));text-decoration:none;cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.legal-content section a:hover{color:hsl(var(--primary)/.9);text-decoration:underline}.legal-footer{margin-top:var(--spacing-xxl);padding-top:var(--spacing-xl);border-top:1px solid hsl(var(--border));text-align:center}.legal-footer p{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);color:hsl(var(--muted-foreground))}.legal-footer .back-to-login{background:none;border:none;color:hsl(var(--foreground));font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast) var(--ease-out);border-radius:var(--border-radius-sm)}.legal-footer .back-to-login:hover{color:hsl(var(--primary)/.9);background:hsl(var(--primary)/.1)}.legal-footer .back-to-login:active{transform:translateY(1px)}@media (max-width: 768px){.legal-page{padding:var(--spacing-lg) var(--spacing-md)}.legal-card-body{padding:var(--spacing-xl) var(--spacing-lg)}.legal-header h1{font-size:var(--font-size-xxl)}.legal-content section h3{font-size:var(--font-size-lg)}}@media (max-width: 480px){.legal-page{padding:var(--spacing-md)}.legal-card-body{padding:var(--spacing-lg) var(--spacing-md)}.legal-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.legal-header h1{font-size:var(--font-size-xl)}.legal-content section{margin-bottom:var(--spacing-lg)}.legal-content section h3{font-size:var(--font-size-base)}.legal-content section p,.legal-content section ul{font-size:var(--font-size-sm)}}._auroraBg_i8qub_1{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background:#fff;overflow:hidden;pointer-events:none}._blob_i8qub_13{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:_moveBlob_i8qub_1 10s infinite alternate}._blob1_i8qub_21{top:-10%;left:-10%;width:50vw;height:50vw;background:hsl(var(--border));animation-duration:12s}._blob2_i8qub_30{bottom:-10%;right:-10%;width:60vw;height:60vw;background:hsl(var(--muted));animation-duration:15s;animation-delay:-5s}._blob3_i8qub_40{top:50%;left:50%;width:40vw;height:40vw;background:hsl(var(--border));animation-duration:8s;transform:translate(-50%,-50%)}@keyframes _moveBlob_i8qub_1{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-30px) scale(1.1)}}._page_i8qub_58{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;background:#fff;overflow:hidden}._page_i8qub_58 a{color:hsl(var(--foreground));font-weight:500;text-decoration:none;transition:color .15s ease}._page_i8qub_58 a:hover{text-decoration:underline}._card_i8qub_79{width:100%;max-width:400px;padding:1.5rem 1.75rem;border-radius:20px;position:relative;z-index:10;background:#ffffff8c;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 60px rgba(var(--shadow-color-rgb),.05),0 1px 3px rgba(var(--shadow-color-rgb),.05);animation:_slideUp_i8qub_1 .6s cubic-bezier(.16,1,.3,1)}@keyframes _slideUp_i8qub_1{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}._cardHeader_i8qub_104{text-align:center;margin-bottom:1rem}._logo_i8qub_109{font-size:1.4rem;font-weight:800;letter-spacing:-1px;margin-bottom:.25rem;display:inline-block;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary)/.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._subtitle_i8qub_121{font-size:.85rem;color:hsl(var(--muted-foreground));margin:0}._backLink_i8qub_127{position:absolute;top:16px;left:16px;font-size:.85rem;z-index:1}._form_i8qub_135{display:flex;flex-direction:column}._formField_i8qub_140{margin-bottom:.85rem}._authInput_i8qub_144{height:42px;padding:.65rem .85rem;font-size:.9rem;border-radius:10px;border:1px solid hsl(var(--border));background:#fff9;transition:all .2s ease}._authInput_i8qub_144::-moz-placeholder{color:hsl(var(--muted-foreground))}._authInput_i8qub_144::placeholder{color:hsl(var(--muted-foreground))}._authInput_i8qub_144:hover{border-color:hsl(var(--border))}._authInput_i8qub_144:focus-visible{background:#fff;border-color:hsl(var(--primary));box-shadow:0 0 0 4px hsl(var(--primary)/.1)}._inputWithIcon_i8qub_165{position:relative}._inputWithIcon_i8qub_165>svg{position:absolute;left:12px;top:50%;width:16px;height:16px;color:hsl(var(--muted-foreground));transform:translateY(-50%);z-index:1}._inputWithIcon_i8qub_165 ._authInput_i8qub_144{padding-left:38px}._fieldError_i8qub_182{margin:.25rem 0 0;color:hsl(var(--destructive));font-size:.8rem}._codeInputRow_i8qub_188{display:flex;align-items:center;gap:8px}._codeInputRow_i8qub_188 ._authInput_i8qub_144{flex:1}._sendCodeBtn_i8qub_197{height:42px;flex-shrink:0;color:hsl(var(--foreground))}._sendCodeBtn_i8qub_197:hover{color:hsl(var(--primary)/.9)}._primarySubmitBtn_i8qub_206{width:100%;height:44px;margin-top:.75rem}._inviteAlert_i8qub_212{margin-bottom:.85rem;background:hsl(var(--primary)/.1);border-color:hsl(var(--border))}._inlineIcon_i8qub_218{width:14px;height:14px;margin-right:4px;vertical-align:-2px}._formFooter_i8qub_225{display:flex;justify-content:flex-end;margin-bottom:.75rem;margin-top:-.3rem}._link_i8qub_232{font-size:.8rem;color:hsl(var(--primary));text-decoration:none;transition:color .2s}._link_i8qub_232:hover{color:hsl(var(--primary)/.9);text-decoration:underline}._divider_i8qub_243{display:flex;align-items:center;margin:1rem 0;color:hsl(var(--muted-foreground));font-size:.75rem}._divider_i8qub_243:before,._divider_i8qub_243:after{content:"";flex:1;height:1px;background:hsl(var(--border))}._divider_i8qub_243 span{padding:0 10px}._switchModeRow_i8qub_260{display:flex;justify-content:space-between;align-items:center;margin:-.1rem 0 .5rem}._switchModeText_i8qub_267{font-size:.82rem;color:hsl(var(--foreground));cursor:pointer;font-weight:500}._switchModeText_i8qub_267:hover{color:hsl(var(--primary)/.9);text-decoration:underline}._wechatError_i8qub_278{text-align:center;color:hsl(var(--muted-foreground));font-size:.85rem;padding:2rem 0}._wechatError_i8qub_278 p{margin-bottom:.5rem}._wechatError_i8qub_278 button{background:none;border:none;color:#07c160;cursor:pointer;font-size:.85rem;padding:0}._wechatError_i8qub_278 button:hover{text-decoration:underline}._wechatLogin_i8qub_299{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:1rem 0}._loginOptions_i8qub_308{display:flex;justify-content:space-between;align-items:center;margin:-.3rem 0 .75rem}._toggleMethodBtn_i8qub_315{margin-right:auto}._forgotPasswordBtn_i8qub_319{margin-left:auto;color:hsl(var(--primary))!important}._forgotPasswordBtn_i8qub_319:hover{color:hsl(var(--primary)/.9)!important}._qrcodeContainer_i8qub_327{display:flex;flex-direction:column;align-items:center}._qrcodePlaceholder_i8qub_333{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;border:2px dashed hsl(var(--border));border-radius:12px;background:#ffffff80}._qrcodePlaceholder_i8qub_333 svg{margin-bottom:.75rem;opacity:.6}._qrcodeHint_i8qub_349{font-size:.85rem;color:hsl(var(--muted-foreground));margin:.5rem 0 1rem;text-align:center}._wechatLoginBtn_i8qub_356{width:100%;height:44px;margin-top:.75rem;border-radius:999px;background:#09b83e!important;border:1px solid #09b83e!important;color:#fff!important}._wechatLoginBtn_i8qub_356:hover{background:#07a337!important;border-color:#07a337!important;color:#fff!important}._oauthSection_i8qub_371{width:100%;max-width:400px;margin-top:1.5rem;text-align:center;position:relative;z-index:10}._oauthHint_i8qub_380{font-size:.8rem;color:hsl(var(--muted-foreground));margin-bottom:.75rem}._extraOptions_i8qub_386{width:100%;max-width:400px;margin-top:1.25rem;text-align:center;position:relative;z-index:10;display:flex;flex-direction:column;gap:.75rem}._registerHint_i8qub_398{font-size:.85rem;color:hsl(var(--muted-foreground));margin:1rem 0 0;text-align:center}._registerHint_i8qub_398 ._registerLink_i8qub_404{margin-left:.25rem}._wechatHint_i8qub_408{font-size:.85rem;color:hsl(var(--muted-foreground));margin:1.5rem 0 0;text-align:center}._guestButton_i8qub_415{margin-top:.75rem;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));background:#fff;transition:all .2s ease}._guestButton_i8qub_415:hover{color:hsl(var(--foreground));border-color:hsl(var(--border));background:hsl(var(--muted))}._guestHint_i8qub_428{font-size:.85rem;color:hsl(var(--muted-foreground));margin:1.5rem 0 0;text-align:center}._guestLink_i8qub_435{background:none;border:none;color:hsl(var(--muted-foreground));font-size:.8rem;cursor:pointer;padding:0;transition:color .2s}._guestLink_i8qub_435:hover{color:hsl(var(--muted-foreground));text-decoration:underline}._oauthIcons_i8qub_449{display:flex;justify-content:center;align-items:center;gap:1rem}._oauthIconButton_i8qub_456{width:44px;height:44px;border-radius:50%;border:1px solid hsl(var(--border));background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:hsl(var(--foreground))}._oauthIconButton_i8qub_456:hover{border-color:hsl(var(--foreground));background:hsl(var(--muted));transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--shadow-color-rgb),.1)}._oauthIconButton_i8qub_456:active{transform:translateY(0)}._oauthIconButton_i8qub_456 svg{display:block}._wechatButton_i8qub_482{color:#09b83e}._wechatButton_i8qub_482:hover{border-color:#09b83e;background:#09b83e0d}._footer_i8qub_490{text-align:center;margin-top:1rem;font-size:.8rem;color:hsl(var(--muted-foreground))}._footer_i8qub_490 a{margin-left:.25rem}._terms_i8qub_500{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);font-size:.8rem;color:hsl(var(--muted-foreground));text-align:center;z-index:10}._terms_i8qub_500 a{margin:0 .25rem}._description_i8qub_514{font-size:.85rem;color:hsl(var(--muted-foreground));margin:0 0 1.25rem;text-align:center;line-height:1.5}._successState_i8qub_522{text-align:center;padding:1rem 0}._successIcon_i8qub_527{display:flex;justify-content:center;color:hsl(var(--foreground));margin-bottom:1rem}._successIcon_i8qub_527 svg{width:3rem;height:3rem}._successIconOk_i8qub_538{color:var(--success-color)}._successIconError_i8qub_542{color:hsl(var(--destructive))}._successText_i8qub_546{font-size:.9rem;color:hsl(var(--foreground));margin:0 0 .5rem;line-height:1.5}._successText_i8qub_546 strong{color:hsl(var(--foreground))}._successHint_i8qub_556{font-size:.8rem;color:hsl(var(--muted-foreground));margin:0 0 1rem}._resendLink_i8qub_562{padding:0!important;height:auto!important;font-size:.85rem!important;color:hsl(var(--foreground))!important}._resendLink_i8qub_562:hover{color:hsl(var(--primary)/.9)!important}@media (max-width: 480px){._page_i8qub_58{padding:1rem}._blob_i8qub_13{opacity:.8}._card_i8qub_79{width:90%;padding:1.25rem}._terms_i8qub_500{bottom:1rem;font-size:.75rem;padding:0 1rem}}.article-card{background:hsl(var(--card));border-radius:12px;overflow:hidden;border:1px solid hsl(var(--border));cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(var(--shadow-color-rgb),.08)}.article-card:hover .article-cover img{transform:scale(1.05)}.article-card .article-cover{aspect-ratio:16/9;overflow:hidden;background:hsl(var(--muted))}.article-card .article-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.article-card .article-info{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.article-card .article-category{display:inline-block;width:-moz-fit-content;width:fit-content;padding:4px 12px;background:hsl(var(--primary));color:#fff;font-size:12px;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.article-card .article-title{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground));margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-card .article-summary{font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-card .article-meta{display:flex;align-items:center;gap:8px;font-size:.75rem;color:hsl(var(--muted-foreground))}.article-card .article-meta .article-separator{color:hsl(var(--border))}.article-card .article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.article-card .article-tags .article-tag{padding:4px 10px;background:hsl(var(--muted));color:hsl(var(--muted-foreground));font-size:.75rem;border-radius:4px;transition:all .2s ease}.article-card .article-tags .article-tag:hover{background:hsl(var(--border));color:hsl(var(--foreground))}@media (max-width: 768px){.article-card .article-info{padding:16px;gap:10px}.article-card .article-title{font-size:1.1rem}.article-card .article-summary{font-size:.8rem;-webkit-line-clamp:2}}@media (max-width: 640px){.article-card .article-info{padding:14px}.article-card .article-title{font-size:1rem}.article-card .article-meta{font-size:.7rem;gap:6px}}.articles-page{min-height:calc(100vh - 130px);padding:40px;max-width:1400px;margin:0 auto}.articles-page .articles-header{margin-bottom:40px}.articles-page .articles-header .header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.articles-page .articles-header .header-content .page-title{font-size:2.5rem;font-weight:800;color:hsl(var(--foreground));margin:0;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary)/.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.articles-page .articles-header .header-content .clear-filter-btn{padding:8px 20px;background:transparent;border:1px solid hsl(var(--primary));color:hsl(var(--foreground));border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.articles-page .articles-header .header-content .clear-filter-btn:hover{background:hsl(var(--primary));color:#fff}.articles-page .articles-header .filter-section{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.articles-page .articles-header .filter-section .filter-label{font-weight:600;color:hsl(var(--muted-foreground));font-size:.875rem}.articles-page .articles-header .filter-section .filter-tags{display:flex;flex-wrap:wrap;gap:8px}.articles-page .articles-header .filter-section .filter-tags .filter-tag{cursor:pointer;padding:6px 14px;border-radius:8px;font-size:.875rem;transition:all .2s ease;border:1px solid hsl(var(--border));background:#fff;color:hsl(var(--muted-foreground))}.articles-page .articles-header .filter-section .filter-tags .filter-tag:hover{background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary)/.9));color:#fff;border-color:transparent}.articles-page .articles-container .loading-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px;min-height:400px;color:hsl(var(--foreground));font-weight:600}.articles-page .articles-container .loading-container .loading-icon{width:36px;height:36px;animation:articles-spin .8s linear infinite}.articles-page .articles-container .articles-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:260px;margin-top:80px;color:hsl(var(--muted-foreground))}.articles-page .articles-container .articles-empty svg{width:48px;height:48px}.articles-page .articles-container .articles-empty p{margin:0;color:hsl(var(--muted-foreground));font-size:.95rem}.articles-page .articles-container .articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:clamp(20px,3vw,32px)}@keyframes articles-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.articles-page{padding:30px 0}.articles-page .articles-header{margin-bottom:30px}.articles-page .articles-header .header-content{flex-direction:column;align-items:flex-start;gap:16px}.articles-page .articles-header .header-content .page-title{font-size:2rem}.articles-page .articles-container .articles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width: 640px){.articles-page{padding:20px 0}.articles-page .articles-header{margin-bottom:24px}.articles-page .articles-header .header-content .page-title{font-size:1.75rem}.articles-page .articles-header .header-content .clear-filter-btn{width:100%;text-align:center}.articles-page .articles-header .filter-section{flex-direction:column;align-items:flex-start}.articles-page .articles-container .articles-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 400px){.articles-page .articles-header .header-content .page-title{font-size:1.5rem}}.table-of-contents{display:flex;flex-direction:column;max-height:calc(100vh - 180px);padding:20px;background:#fff;border:1px solid hsl(var(--border));border-radius:12px;box-shadow:0 1px 3px rgba(var(--shadow-color-rgb),.05)}.table-of-contents .toc-header{flex-shrink:0;font-size:.9rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid hsl(var(--muted))}.table-of-contents .toc-nav{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.table-of-contents .toc-nav::-webkit-scrollbar{width:4px}.table-of-contents .toc-nav::-webkit-scrollbar-track{background:hsl(var(--muted));border-radius:2px}.table-of-contents .toc-nav::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:2px}.table-of-contents .toc-nav::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground))}.table-of-contents .toc-nav{scrollbar-width:thin;scrollbar-color:hsl(var(--border)) hsl(var(--muted))}.table-of-contents .toc-nav .toc-item{flex-shrink:0;display:block;padding:6px 10px;font-size:.8rem;line-height:1.5;color:hsl(var(--muted-foreground));text-decoration:none;border-radius:6px;transition:all .2s ease;cursor:pointer;word-break:break-word}.table-of-contents .toc-nav .toc-item:hover{color:hsl(var(--foreground));background:hsl(var(--primary)/.1)}.table-of-contents .toc-nav .toc-item.active{color:hsl(var(--foreground));background:hsl(var(--primary)/.1);font-weight:600;border-left:3px solid hsl(var(--primary));padding-left:7px}.table-of-contents .toc-nav .toc-item.toc-level-2{padding-left:10px}.table-of-contents .toc-nav .toc-item.toc-level-2.active{padding-left:7px}.table-of-contents .toc-nav .toc-item.toc-level-3{padding-left:22px;font-size:.75rem}.table-of-contents .toc-nav .toc-item.toc-level-3.active{padding-left:19px}.table-of-contents .toc-nav .toc-item.toc-level-4{padding-left:34px;font-size:.7rem}.table-of-contents .toc-nav .toc-item.toc-level-4.active{padding-left:31px}@media (max-width: 1200px){.table-of-contents{display:none}}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.article-detail-loading{display:flex;justify-content:center;align-items:center;gap:12px;min-height:calc(100vh - 130px);color:hsl(var(--muted-foreground))}.article-detail-page{min-height:calc(100vh - 130px);background:hsl(var(--muted));padding:20px}.article-container{max-width:900px;margin-left:calc((100% - 1200px)/2);margin-right:0}.back-button{margin-bottom:10px;background:#fff;border:1px solid hsl(var(--border));color:hsl(var(--foreground))}.back-button:hover{background:hsl(var(--muted))!important;border-color:hsl(var(--border))!important;color:hsl(var(--foreground))!important}.article-main{background:#fff;padding:50px;border-radius:16px;box-shadow:0 2px 8px rgba(var(--shadow-color-rgb),.04)}.article-sidebar{position:fixed;top:126px;left:calc(50% + 340px);width:260px}.article-header{margin-bottom:32px}.article-header .article-category-badge{display:inline-block;padding:5px 14px;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary)/.9));color:#fff;font-size:.8rem;font-weight:600;border-radius:14px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.article-header .article-title{font-size:2.2rem;font-weight:800;color:hsl(var(--foreground));line-height:1.3;margin:0 0 20px}.article-header .article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.85rem;color:hsl(var(--muted-foreground));margin-bottom:16px}.article-header .article-meta .meta-item{display:flex;align-items:center;gap:5px}.article-header .article-meta .meta-item.meta-updated{color:hsl(var(--muted-foreground));font-size:.8rem}.article-header .article-meta .meta-separator{color:hsl(var(--border))}.article-header .article-tags{display:flex;flex-wrap:wrap;gap:8px}.article-header .article-tags .article-tag{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}.article-header .article-tags .article-tag:hover{transform:translateY(-1px);background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary)/.9));color:#fff;border-color:transparent}.article-cover-image{margin-bottom:32px;border-radius:12px;overflow:hidden}.article-cover-image img{width:100%;height:auto;display:block}.article-content{line-height:1.8;font-size:1rem;color:hsl(var(--foreground))}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:1.8em;margin-bottom:.8em;font-weight:700;color:hsl(var(--foreground));line-height:1.4}.article-content h1:first-child,.article-content h2:first-child,.article-content h3:first-child,.article-content h4:first-child,.article-content h5:first-child,.article-content h6:first-child{margin-top:0}.article-content h1{font-size:1.8rem;border-bottom:2px solid hsl(var(--border));padding-bottom:.4em}.article-content h2{font-size:1.5rem;border-bottom:1px solid hsl(var(--border));padding-bottom:.3em}.article-content h3{font-size:1.3rem}.article-content h4{font-size:1.1rem}.article-content p{margin-bottom:1.2em}.article-content a{color:hsl(var(--foreground));text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.article-content a:hover{border-bottom-color:hsl(var(--primary))}.article-content ul,.article-content ol{margin:1.2em 0;padding-left:1.8em}.article-content ul li,.article-content ol li{margin-bottom:.4em}.article-content .inline-code{background:hsl(var(--muted));padding:2px 6px;border-radius:4px;font-size:.85em;font-family:Consolas,Monaco,Courier New,monospace;color:#e11d48}.article-content .code-block{background:hsl(var(--muted));padding:16px;border-radius:8px;overflow-x:auto;margin:1.2em 0;border:1px solid hsl(var(--border))}.article-content .code-block code{font-family:Consolas,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.5}.article-content .article-blockquote{border-left:4px solid hsl(var(--primary));margin:1.2em 0;color:hsl(var(--muted-foreground));font-style:italic;background:hsl(var(--muted));padding:1em 1.2em;border-radius:0 8px 8px 0}.article-content .table-wrapper{overflow-x:auto;margin:1.2em 0}.article-content .table-wrapper table{width:100%;border-collapse:collapse;font-size:.875rem}.article-content .table-wrapper table th,.article-content .table-wrapper table td{padding:10px;text-align:left;border:1px solid hsl(var(--border))}.article-content .table-wrapper table th{background:hsl(var(--muted));font-weight:600;color:hsl(var(--foreground))}.article-content .table-wrapper table tr:hover{background:hsl(var(--muted))}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:1.2em 0}.article-content hr{border:none;border-top:1px solid hsl(var(--border));margin:2em 0}.article-footer{margin-top:50px;padding-top:30px;border-top:1px solid hsl(var(--border));text-align:center}.article-footer .article-footer-button{background:hsl(var(--primary));border:none;color:#fff;padding:0 28px}.article-footer .article-footer-button:hover{background:hsl(var(--foreground))!important;color:#fff!important}@media (max-width: 1200px){.article-sidebar{display:none}.article-container{margin-left:auto;margin-right:auto}}@media (max-width: 768px){.article-detail-page{padding:24px 16px}.article-main{padding:32px 24px}.article-header .article-title{font-size:1.8rem}.article-header .article-meta{font-size:.8rem}.article-content{font-size:.95rem}.article-content h1{font-size:1.5rem}.article-content h2{font-size:1.3rem}.article-content h3{font-size:1.15rem}.article-content .code-block{padding:12px}}@media (max-width: 480px){.article-detail-page{padding:16px 12px}.article-main{padding:24px 16px}.article-header .article-title{font-size:1.5rem}.article-content{font-size:.9rem}.article-content ul,.article-content ol{padding-left:1.4em}}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.\!container{width:100%!important;margin-right:auto!important;margin-left:auto!important;padding-right:2rem!important;padding-left:2rem!important}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 1400px){.\!container{max-width:1400px!important}.container{max-width:1400px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-2{left:.5rem;right:.5rem}.inset-y-2{top:.5rem;bottom:.5rem}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1{left:.25rem}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0\.5{right:.125rem}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.top-0\.5{top:.125rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-10{z-index:10}.z-50{z-index:50}.z-\[1050\]{z-index:1050}.z-\[1070\]{z-index:1070}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[var\(--z-dropdown\)\]{z-index:var(--z-dropdown)}.z-\[var\(--z-modal\)\]{z-index:var(--z-modal)}.z-\[var\(--z-modal-backdrop\)\]{z-index:var(--z-modal-backdrop)}.z-\[var\(--z-popover\)\]{z-index:var(--z-popover)}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-auto{margin-left:auto}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[1\/1\.414\]{aspect-ratio:1/1.414}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100px\]{height:100px}.h-\[1px\]{height:1px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:24rem}.max-h-\[280px\]{max-height:280px}.max-h-\[70vh\]{max-height:70vh}.min-h-10{min-height:2.5rem}.min-h-\[50vh\]{min-height:50vh}.min-h-\[60px\]{min-height:60px}.min-h-\[65px\]{min-height:65px}.w-10{width:2.5rem}.w-12{width:3rem}.w-2{width:.5rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[120px\]{min-width:120px}.min-w-\[180px\]{min-width:180px}.min-w-\[50px\]{min-width:50px}.min-w-\[6rem\]{min-width:6rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-2xl{max-width:42rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[inherit\]{border-radius:inherit}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-\[3px\]{border-width:3px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-border{border-color:hsl(var(--border))}.border-destructive\/50{border-color:hsl(var(--destructive) / .5)}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-background\/60{background-color:hsl(var(--background) / .6)}.bg-black\/80{background-color:#000c}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-destructive\/10{background-color:hsl(var(--destructive) / .1)}.bg-muted{background-color:hsl(var(--muted))}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(var(--primary) / .1)}.bg-primary\/5{background-color:hsl(var(--primary) / .05)}.bg-primary\/50{background-color:hsl(var(--primary) / .5)}.bg-primary\/\[0\.08\]{background-color:hsl(var(--primary) / .08)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pl-2{padding-left:.5rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-none{line-height:1}.leading-snug{line-height:1.375}.tracking-\[0\.5px\]{letter-spacing:.5px}.tracking-\[1\.5px\]{letter-spacing:1.5px}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-500\/60{color:#f59e0b99}.text-card-foreground{color:hsl(var(--card-foreground))}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/60{color:hsl(var(--foreground) / .6)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-muted-foreground\/60{color:hsl(var(--muted-foreground) / .6)}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-primary\/80{color:hsl(var(--primary) / .8)}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-primary{accent-color:hsl(var(--primary))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.\[text-orientation\:upright\]{text-orientation:upright}.\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:hsl(var(--background))}#root{min-height:100vh}html{scroll-behavior:smooth}button,[role=button],a{-webkit-tap-highlight-color:transparent}button:not(:disabled):active{transform:scale(.98)}:root{--background: 0 0% 100%;--foreground: 0 0% 4%;--card: 0 0% 100%;--card-foreground: 0 0% 4%;--popover: 0 0% 100%;--popover-foreground: 0 0% 4%;--primary: 220.7 100% 50%;--primary-foreground: 0 0% 100%;--secondary: 0 0% 96%;--secondary-foreground: 0 0% 4%;--muted: 0 0% 96%;--muted-foreground: 0 0% 45%;--accent: 0 0% 96%;--accent-foreground: 0 0% 4%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 98%;--border: 0 0% 90%;--input: 0 0% 90%;--ring: 220.7 100% 50%;--radius: .75rem;--success-color: #16a34a;--success-color-light: #f0fdf4;--warning-color: #d97706;--warning-color-light: #fffbeb;--resume-text-primary: #212529;--resume-text-secondary: #6c757d;--resume-text-accent: #2c3e50;--resume-border: #ecf0f1;--resume-background: #ffffff;--shadow-color-rgb: 0, 0, 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--spacing-xxxl: 32px;--spacing-huge: 40px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-xxxl: 28px;--font-size-huge: 32px;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-loose: 1.8;--border-radius-xs: 4px;--border-radius-sm: 6px;--border-radius-base: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--border-radius-circle: 50%;--border-width-thin: 1px;--border-width-base: 2px;--border-width-thick: 3px;--shadow-xs: 0 1px 2px rgba(var(--shadow-color-rgb), .05);--shadow-sm: 0 2px 4px rgba(var(--shadow-color-rgb), .06);--shadow-base: 0 2px 8px rgba(var(--shadow-color-rgb), .1);--shadow-md: 0 4px 12px rgba(var(--shadow-color-rgb), .1);--shadow-lg: 0 4px 16px rgba(var(--shadow-color-rgb), .15);--shadow-xl: 0 6px 20px rgba(var(--shadow-color-rgb), .2);--shadow-inner: inset 0 2px 4px rgba(var(--shadow-color-rgb), .06);--shadow-brand: 0 2px 8px rgba(var(--shadow-color-rgb), .15);--shadow-brand-hover: 0 4px 12px rgba(var(--shadow-color-rgb), .25);--shadow-resume: 0 4px 12px rgba(var(--shadow-color-rgb), .15);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-xxl: 1536px;--resume-width: 210mm;--resume-height: 297mm;--resume-padding: 20mm;--resume-margin: 20px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--ease-out: cubic-bezier(.215, .61, .355, 1);--ease-in: cubic-bezier(.55, .055, .675, .19);--ease-in-out: cubic-bezier(.645, .045, .355, 1);--font-family-sans: "Outfit Variable", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-xxl{margin-bottom:var(--spacing-xxl)}.mb-xxxl{margin-bottom:var(--spacing-xxxl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-xxl{margin-top:var(--spacing-xxl)}.mt-xxxl{margin-top:var(--spacing-xxxl)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-xxl{padding:var(--spacing-xxl)}.mb-16{margin-bottom:var(--spacing-lg)}.mb-24{margin-bottom:var(--spacing-xxl)}.mb-32{margin-bottom:var(--spacing-xxxl)}.mt-16{margin-top:var(--spacing-lg)}.mt-24{margin-top:var(--spacing-xxl)}.mt-32{margin-top:var(--spacing-xxxl)}.text-tertiary{color:hsl(var(--muted-foreground))}.text-white{color:hsl(var(--primary-foreground))}.text-brand{color:hsl(var(--primary))}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:hsl(var(--destructive))}.bg-white{background-color:hsl(var(--background))}.bg-gray-50,.bg-gray-100{background-color:hsl(var(--muted))}.bg-brand{background-color:hsl(var(--primary))}.bg-brand-light{background-color:hsl(var(--primary)/.1)}.rounded-xs{border-radius:var(--border-radius-xs)}.rounded{border-radius:var(--border-radius-base)}.rounded-full{border-radius:9999px}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-brand{box-shadow:var(--shadow-brand)}.transition-fast{transition:all var(--transition-fast) var(--ease-out)}.transition{transition:all var(--transition-base) var(--ease-out)}.transition-slow{transition:all var(--transition-slow) var(--ease-out)}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-primary:hover{border-color:hsl(var(--primary))}.hover\:border-primary\/40:hover{border-color:hsl(var(--primary) / .4)}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/10:hover{background-color:hsl(var(--destructive) / .1)}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-foreground\/10:hover{background-color:hsl(var(--foreground) / .1)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-primary:hover{background-color:hsl(var(--primary))}.hover\:bg-primary\/10:hover{background-color:hsl(var(--primary) / .1)}.hover\:bg-primary\/5:hover{background-color:hsl(var(--primary) / .05)}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-destructive:hover{color:hsl(var(--destructive))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-primary:hover{color:hsl(var(--primary))}.hover\:text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:hsl(var(--primary))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{color:hsl(var(--primary-foreground))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-0:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width: 0px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:text-primary{color:hsl(var(--primary))}.group:hover .group-hover\:text-primary\/80{color:hsl(var(--primary) / .8)}.group:hover .group-hover\:opacity-100{opacity:1}.group.toaster .group-\[\.toaster\]\:border-border{border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:hsl(var(--background))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.aria-selected\:bg-accent[aria-selected=true]{background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:hsl(var(--accent) / .5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}@media (min-width: 640px){.sm\:mt-0{margin-top:0}.sm\:max-w-\[600px\]{max-width:600px}.sm\:max-w-\[700px\]{max-width:700px}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}@media (min-width: 768px){.md\:block{display:block}}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:hsl(var(--accent) / .5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:opacity-50>svg{opacity:.5}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}.\[\&_svg\]\:h-3 svg{height:.75rem}.\[\&_svg\]\:h-4 svg{height:1rem}.\[\&_svg\]\:h-\[18px\] svg{height:18px}.\[\&_svg\]\:w-3 svg{width:.75rem}.\[\&_svg\]\:w-4 svg{width:1rem}.\[\&_svg\]\:w-\[18px\] svg{width:18px}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}@media print{@page{size:A4;margin:0}body{margin:0;padding:0;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}body>*:not(#root){display:none!important}.resume-workspace{background:#fff!important;min-height:auto!important;overflow:visible!important}.resume-workspace .workspace-header,.resume-workspace .edit-panel,.resume-workspace .template-fab-container,.resume-workspace .resume-switching-overlay{display:none!important}.resume-workspace .workspace-row{margin-top:0!important;height:auto!important;display:block!important;flex-direction:column!important}.preview-panel{display:block!important;height:auto!important;min-width:auto!important;max-width:100%!important;overflow:visible!important;padding:0!important;background:#fff!important;flex:none!important}.resume-preview{min-height:auto!important;background:#fff!important;transform:none!important;transform-origin:unset!important}.resume-page{width:210mm!important;height:297mm!important;margin:0 auto!important;box-shadow:none!important;border-radius:0!important;page-break-after:always;page-break-inside:avoid}.resume-page:last-child{page-break-after:auto}.resume-page{-webkit-print-color-adjust:exact;print-color-adjust:exact}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.ant-modal-root,.ant-modal-mask,.ant-modal-wrap,.ant-dropdown,.ant-message,.ant-notification,.ant-tooltip,.ant-popover,[data-sonner-toaster]{display:none!important}}