@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";.skill-tags{display:flex;flex-direction:column;gap:14px}.skill-group{display:flex;flex-direction:column;gap:8px}.skill-group-label{font-size:.74rem;font-weight:700;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.08em}.skill-group-items{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{padding:5px 12px;border-radius:20px;font-size:.78rem;font-weight:500;background:var(--c-surface3);color:var(--c-text-muted);border:1px solid var(--c-border);transition:all var(--t-fast)}.skill-tag:hover{color:var(--c-text);border-color:var(--c-border2)}.skill-tag-active{background:#7c6ef526;color:var(--c-primary-h);border-color:#7c6ef566}.skill-custom{display:flex;gap:8px;align-items:center}.skill-selected{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.skill-selected-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--grad-primary);color:#fff;border-radius:20px;font-size:.76rem;font-weight:600}.skill-selected-tag button{width:14px;height:14px;border-radius:50%;background:#ffffff4d;color:#fff;font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:background var(--t-fast)}.skill-selected-tag button:hover{background:#ffffff80}.work-experience{display:flex;flex-direction:column;gap:16px}.exp-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;background:var(--c-surface2);border:2px dashed var(--c-border);border-radius:var(--r-lg);color:var(--c-text-muted);font-size:.88rem}.exp-empty span{font-size:1.8rem}.exp-item{display:flex;gap:12px;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--r-md);padding:14px}.exp-item-drag{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;padding-top:4px}.exp-drag-handle{color:var(--c-text-dim);cursor:grab;padding:3px;border-radius:4px;transition:color var(--t-fast)}.exp-drag-handle:hover{color:var(--c-text-muted)}.exp-order-btns{display:flex;flex-direction:column;gap:2px}.exp-order-btn{width:20px;height:20px;border-radius:4px;background:var(--c-surface3);color:var(--c-text-muted);font-size:.6rem;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all var(--t-fast)}.exp-order-btn:hover{background:var(--c-primary);color:#fff}.exp-item-content{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.media-uploader{display:flex;flex-direction:column;gap:16px}.drop-zone{border:2px dashed var(--c-border2);border-radius:var(--r-lg);padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all var(--t-med);background:var(--c-surface2);text-align:center}.drop-zone:hover,.drop-zone-active{border-color:var(--c-primary);background:#7c6ef512;box-shadow:var(--shadow-glow)}.drop-zone-loading{pointer-events:none;opacity:.8}.drop-zone-icon{font-size:2rem;line-height:1}.drop-zone-text{display:flex;flex-direction:column;gap:4px}.drop-zone-main{font-size:.9rem;font-weight:600;color:var(--c-text)}.drop-zone-hint{font-size:.78rem;color:var(--c-text-muted)}.upload-list{display:flex;flex-direction:column;gap:10px}.upload-item{display:flex;align-items:center;gap:12px;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--r-md);padding:10px 12px;transition:border-color var(--t-fast)}.upload-item:hover{border-color:var(--c-border2)}.upload-item-thumb{width:56px;height:56px;border-radius:var(--r-sm);overflow:hidden;flex-shrink:0;background:var(--c-surface3)}.upload-item-thumb img{width:100%;height:100%;object-fit:cover}.upload-item-info{flex:1;min-width:0}.upload-item-name{font-size:.82rem;font-weight:500;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-item-meta{display:flex;align-items:center;gap:8px;margin-top:3px;font-size:.74rem;color:var(--c-text-muted)}.upload-item-remove{color:var(--c-text-muted);flex-shrink:0;transition:color var(--t-fast)}.upload-item-remove:hover{color:var(--c-danger)}.data-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:.78rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.data-tag-primary{background:#7c6ef52e;color:#a89cff;border:1px solid rgba(124,110,245,.35)}.data-tag-accent{background:#f5a62326;color:#f5a623;border:1px solid rgba(245,166,35,.35)}.data-tag-success{background:#3ecf8e1f;color:#3ecf8e;border:1px solid rgba(62,207,142,.3)}.data-tag-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;animation:pulse 2s infinite}.project-card{background:var(--c-surface2);border:1.5px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;transition:border-color var(--t-fast)}.project-card:hover{border-color:var(--c-border2)}.project-card-expanded{border-color:var(--c-primary)}.project-card-header{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.project-card-thumb-row{display:flex;gap:4px;flex-shrink:0}.project-card-thumb{width:44px;height:44px;border-radius:6px;overflow:hidden;background:var(--c-surface3);flex-shrink:0}.project-card-thumb img{width:100%;height:100%;object-fit:cover}.project-card-more{display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--c-text-muted);border:1px solid var(--c-border)}.project-card-meta{flex:1;min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.project-card-name{font-size:.88rem;font-weight:600;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-toggle{color:var(--c-text-muted);flex-shrink:0}.project-card-body{padding:14px;display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--c-border)}.project-polished{background:#7c6ef512;border:1px solid rgba(124,110,245,.2);border-radius:var(--r-md);padding:12px;margin-top:8px}.project-polished-label{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:700;color:var(--c-primary-h);margin-bottom:8px}.project-polished-text{font-size:.85rem;color:var(--c-text);line-height:1.7}.project-card-actions{display:flex;justify-content:flex-end;padding-top:4px;border-top:1px solid var(--c-border)}.ai-btn-loading{opacity:.8;pointer-events:none}.studio-layout{display:flex;min-height:100vh;background:var(--c-bg)}.studio-sidebar{width:var(--studio-sidebar);background:var(--c-surface);border-right:1px solid var(--c-border);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:50;overflow-y:auto}.studio-logo{display:flex;align-items:center;gap:12px;padding:20px 16px 16px;border-bottom:1px solid var(--c-border)}.studio-logo-icon{font-size:1.6rem}.studio-logo-title{font-weight:800;font-size:.95rem;color:var(--c-text)}.studio-logo-sub{font-size:.72rem;color:var(--c-text-muted)}.studio-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.studio-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);font-size:.85rem;font-weight:500;color:var(--c-text-muted);transition:all var(--t-fast);width:100%;text-align:left;position:relative}.studio-nav-item:hover{background:var(--c-surface2);color:var(--c-text)}.studio-nav-item.active{background:#7c6ef51f;color:var(--c-primary-h);font-weight:600}.studio-nav-icon{font-size:1rem;flex-shrink:0;line-height:1}.studio-nav-badge{margin-left:auto;background:var(--c-primary);color:#fff;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.studio-sidebar-footer{padding:14px 12px;border-top:1px solid var(--c-border);display:flex;flex-direction:column;gap:8px}.save-status{display:flex;align-items:center;gap:7px;font-size:.75rem;color:var(--c-text-muted);padding:0 2px}.save-dot{width:7px;height:7px;border-radius:50%;background:var(--c-success);flex-shrink:0;transition:background .3s}.save-dot.saving{background:var(--c-accent);animation:pulse .8s infinite}.studio-main{flex:1;margin-left:var(--studio-sidebar);min-height:100vh;background:var(--grad-glow),var(--c-bg)}.studio-content{max-width:800px;margin:0 auto;padding:48px 32px 80px}.avatar-upload{display:flex;align-items:center;gap:20px;margin-bottom:24px}.avatar-preview{width:80px;height:80px;border-radius:50%;background:var(--c-surface2);border:2px solid var(--c-border2);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.avatar-preview img{width:100%;height:100%;object-fit:cover}.category-tip{background:#f5a62314;border:1px solid rgba(245,166,35,.2);border-radius:var(--r-md);padding:12px 16px;font-size:.82rem;color:var(--c-accent);margin-bottom:20px}.quick-project-list{display:flex;flex-direction:column;gap:16px}.quick-project-item{display:flex;gap:14px;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--r-md);padding:12px;align-items:flex-start}.quick-project-thumb{width:80px;height:80px;border-radius:var(--r-sm);overflow:hidden;flex-shrink:0;background:var(--c-surface3)}.quick-project-thumb img{width:100%;height:100%;object-fit:cover}.quick-project-fields{flex:1;min-width:0}.polished-preview{margin-top:8px;padding:10px 12px;background:#7c6ef512;border:1px solid rgba(124,110,245,.2);border-radius:var(--r-sm);font-size:.82rem;color:var(--c-text);line-height:1.65}.polished-preview strong{color:var(--c-primary-h)}@media (max-width: 900px){.studio-sidebar{width:200px}.studio-main{margin-left:200px}}@media (max-width: 640px){.studio-layout{flex-direction:column}.studio-sidebar{position:relative;width:100%;height:auto;flex-direction:row;border-right:none;border-bottom:1px solid var(--c-border)}.studio-main{margin-left:0}.studio-content{padding:24px 16px 60px}.studio-nav{flex-direction:row;overflow-x:auto;padding:8px}.studio-nav-item{flex-shrink:0}.studio-sidebar-footer{flex-direction:row;flex-wrap:wrap}}.lazy-img-wrap{position:relative;overflow:hidden;background:var(--c-surface2)}.lazy-img-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:120px}.lazy-img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease;display:block}.lazy-img.loaded{opacity:1}.ba-slider{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-lg);cursor:col-resize;-webkit-user-select:none;user-select:none;background:var(--c-surface2)}.ba-after,.ba-before{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ba-before{right:auto;overflow:hidden}.ba-before .lazy-img-wrap,.ba-after .lazy-img-wrap{height:100%}.ba-before img,.ba-after img{object-fit:cover;width:100%;height:100%}.ba-divider{position:absolute;top:0;bottom:0;width:2px;background:#ffffffd9;transform:translate(-50%);pointer-events:none;z-index:10}.ba-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:col-resize;pointer-events:all;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:transform .15s ease}.ba-handle:hover{transform:translate(-50%,-50%) scale(1.15)}.ba-labels{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:space-between;padding:0 16px;pointer-events:none;z-index:11}.ba-label{font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:.05em}.ba-label-before{background:#0009;color:#ccc}.ba-label-after{background:#7c6ef5cc;color:#fff}.mobile-frame{width:280px;background:#1a1a2e;border-radius:40px;border:6px solid #2d2d44;box-shadow:0 0 0 1px #111,0 30px 80px #00000080,inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;overflow:hidden;position:relative;flex-shrink:0}.mobile-notch{height:28px;background:#1a1a2e;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;flex-shrink:0;position:relative;z-index:2}.mobile-notch:after{content:"";width:80px;height:10px;background:#111;border-radius:0 0 10px 10px}.mobile-screen{flex:1;background:transparent;overflow:hidden;height:480px;position:relative;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.mobile-scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mobile-scrollable::-webkit-scrollbar{display:none}.mobile-home-bar{height:28px;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.mobile-home-bar:after{content:"";width:80px;height:4px;background:#fff3;border-radius:2px}.portfolio-page{min-height:100vh;background:var(--c-bg);color:var(--c-text);image-rendering:-webkit-optimize-contrast}.portfolio-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0b0fd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--c-border);transform:translateY(0);transition:transform .3s ease}.portfolio-nav-hidden{transform:translateY(-100%)}.portfolio-nav-inner{max-width:1200px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:20px}.portfolio-nav-name{font-weight:800;font-size:.9rem;white-space:nowrap;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portfolio-nav-links{display:flex;align-items:center;gap:4px;flex:1}.portfolio-nav-link{padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:500;color:var(--c-text-muted);transition:all var(--t-fast);cursor:pointer}.portfolio-nav-link:hover{background:var(--c-surface2);color:var(--c-text)}.portfolio-nav-actions{display:flex;gap:8px;margin-left:auto;flex-shrink:0}.resume-hero{position:relative;padding:100px 24px 80px;min-height:60vh;display:flex;align-items:center;overflow:hidden}.resume-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 50%,rgba(124,110,245,.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(197,110,245,.08) 0%,transparent 50%);pointer-events:none}.resume-container{max-width:900px;margin:0 auto;width:100%;position:relative;z-index:1}.resume-header{display:flex;gap:32px;align-items:flex-start;margin-bottom:40px}.resume-avatar{width:100px;height:100px;border-radius:50%;background:var(--c-surface2);border:3px solid var(--c-border2);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:2.5rem;flex-shrink:0;box-shadow:0 0 0 6px #7c6ef51a}.resume-avatar img{width:100%;height:100%;object-fit:cover}.resume-identity{flex:1}.resume-name{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--c-text);margin-bottom:6px}.resume-title{font-size:1rem;font-weight:500;color:var(--c-primary-h);margin-bottom:10px}.resume-bio{font-size:.9rem;color:var(--c-text-muted);font-style:italic;margin-bottom:14px;line-height:1.6}.resume-contacts{display:flex;flex-wrap:wrap;gap:16px;font-size:.82rem;color:var(--c-text-muted)}.resume-contacts span{display:flex;align-items:center;gap:5px}.resume-section{margin-top:32px}.resume-section-title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--c-text-dim);margin-bottom:14px;position:relative;padding-bottom:10px}.resume-section-title:after{content:"";position:absolute;bottom:0;left:0;width:32px;height:2px;background:var(--grad-primary);border-radius:1px}.resume-skills{display:flex;flex-wrap:wrap;gap:8px}.resume-skill-tag{padding:5px 14px;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:20px;font-size:.8rem;font-weight:500;color:var(--c-text-muted);transition:all var(--t-fast)}.resume-skill-tag:hover{border-color:var(--c-primary);color:var(--c-primary-h)}.resume-exp-list{display:flex;flex-direction:column;gap:20px}.resume-exp-item{border-left:2px solid var(--c-border);padding-left:20px;position:relative}.resume-exp-item:before{content:"";position:absolute;left:-5px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--c-primary);box-shadow:0 0 8px #7c6ef580}.resume-exp-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.resume-exp-company{font-weight:700;font-size:.95rem}.resume-exp-role{color:var(--c-text-muted);font-size:.88rem}.resume-exp-period{font-size:.75rem;color:var(--c-text-dim);white-space:nowrap}.resume-exp-achievements{font-size:.85rem;color:var(--c-text-muted);line-height:1.7}.portfolio-works{max-width:1200px;margin:0 auto;padding:0 24px 80px}.portfolio-section{margin-bottom:80px}.portfolio-section-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--c-border)}.portfolio-section-icon{font-size:1.6rem}.portfolio-section-title{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:800;color:var(--c-text)}.portfolio-section-subtitle{font-size:.82rem;color:var(--c-text-muted);margin-top:4px}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px;align-items:start}.details-item{display:flex;flex-direction:column;align-items:center;gap:20px}.masonry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,380px));justify-content:center;gap:32px;max-width:1400px;margin:0 auto;min-height:200px}.masonry-grid>div{width:100%;background:var(--c-surface2);border-radius:var(--r-md);overflow:hidden;border:1px solid var(--c-border);box-shadow:var(--shadow-sm);transition:transform var(--t-med);align-self:start}.masonry-grid>div:hover{transform:translateY(-4px)}.masonry-label{font-size:.82rem;font-weight:500;color:var(--c-text-muted);text-align:center;padding:12px 8px;background:#ffffff05}.image-card{border-radius:var(--r-md);overflow:hidden;background:var(--c-surface);border:1px solid var(--c-border);transition:all var(--t-med)}.image-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--c-border2)}.image-card-img{aspect-ratio:1;cursor:zoom-in;overflow:hidden;position:relative}.image-card-img .lazy-img-wrap{height:100%}.image-card-zoom{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff;opacity:0;transition:opacity var(--t-fast)}.image-card-img:hover .image-card-zoom{opacity:1}.image-card-info{padding:14px}.image-card-name{font-weight:700;font-size:.85rem;margin-bottom:8px}.image-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.image-card-desc{font-size:.8rem;color:var(--c-text-muted);line-height:1.65}.retouch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.retouch-item{border-radius:var(--r-md);overflow:hidden}.retouch-label{text-align:center;font-size:.8rem;color:var(--c-text-muted);margin-top:8px}.magnifier-wrap{position:relative;overflow:hidden;cursor:zoom-in;border-radius:var(--r-md);aspect-ratio:1}.magnifier-wrap .lazy-img-wrap{height:100%}.magnifier-lens{position:absolute;width:160px;height:160px;border-radius:50%;border:3px solid rgba(255,255,255,.7);box-shadow:0 0 20px #00000080;pointer-events:none;background-repeat:no-repeat;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;-webkit-backdrop-filter:none;backdrop-filter:none;transition:none}.c4d-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}.c4d-item{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/9;background:var(--c-surface2);cursor:zoom-in}.c4d-item .lazy-img-wrap{height:100%}.c4d-item img{object-fit:cover}.c4d-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);display:flex;align-items:flex-end;justify-content:space-between}.c4d-name{font-weight:700;font-size:.9rem;color:#fff}.visual-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.portfolio-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px;gap:12px}.portfolio-empty h2{font-size:1.5rem;font-weight:700}.portfolio-empty p{color:var(--c-text-muted)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f0;z-index:2000;display:flex;flex-direction:column;animation:fadeIn .2s ease;overflow:hidden;touch-action:none}.lightbox-toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;z-index:10}.lb-btn{width:36px;height:36px;border-radius:var(--r-sm);background:#ffffff1a;color:#fff;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.15);transition:all var(--t-fast);flex-shrink:0}.lb-btn:hover{background:#fff3;border-color:#ffffff4d}.lb-btn-reset{width:auto;padding:0 12px;font-size:.8rem;font-weight:600;gap:5px}.lb-scale{font-size:.82rem;font-weight:700;color:#ffffffb3;min-width:48px;text-align:center;font-variant-numeric:tabular-nums}.lightbox-close{margin-left:auto;width:36px;height:36px;border-radius:50%;background:#ffffff1a;color:#fff;font-size:.95rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.15);transition:all var(--t-fast);flex-shrink:0}.lightbox-close:hover{background:#dc323299;border-color:transparent}.lightbox-stage{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:default;position:relative}.lightbox-stage.grab{cursor:grab}.lightbox-stage.dragging{cursor:grabbing}.lightbox-img{max-width:95vw;object-fit:contain;border-radius:4px;box-shadow:0 8px 60px #0009;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.lightbox-hint{text-align:center;font-size:.72rem;color:#ffffff4d;padding:8px 16px;flex-shrink:0;letter-spacing:.05em}.resume-right-empty{display:flex;align-items:center;justify-content:center;height:200px;border:1px dashed var(--c-border);border-radius:var(--r-md);color:var(--c-text-dim);font-size:.85rem}.resume-container{max-width:1200px}.resume-split{display:grid;grid-template-columns:300px 1fr;gap:60px;align-items:start}.resume-left{display:flex;flex-direction:column;align-items:flex-start;gap:0}.resume-left .resume-avatar{margin-bottom:20px;width:110px;height:110px}.resume-left .resume-name{font-size:clamp(1.6rem,2.5vw,2.4rem)}.resume-contacts-v{display:flex;flex-direction:column;gap:8px;font-size:.82rem;color:var(--c-text-muted);margin-top:16px}.resume-contacts-v span{display:flex;align-items:center;gap:8px}.resume-contacts-v em{font-style:normal;font-size:1rem}.resume-right{min-height:200px;padding-top:8px}.portfolio-body{display:grid;grid-template-columns:200px 1fr;max-width:1500px;margin:0 auto;gap:0;padding:0 24px 80px;align-items:start}.portfolio-works{max-width:none;margin:0;padding:0 0 0 40px}.portfolio-toc{position:sticky;top:64px;display:flex;flex-direction:column;gap:4px;padding:20px 0}.toc-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--c-text-dim);margin-bottom:8px;padding:0 12px}.toc-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-sm);font-size:.82rem;font-weight:500;color:var(--c-text-muted);cursor:pointer;transition:all var(--t-fast);text-align:left;width:100%;background:none;border:none;position:relative}.toc-item:hover{background:var(--c-surface);color:var(--c-text)}.toc-active{background:#7c6ef51f!important;color:var(--c-primary-h)!important;font-weight:700}.toc-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--c-primary);border-radius:2px}.toc-icon{font-size:1rem;flex-shrink:0}.toc-divider{height:1px;background:var(--c-border);margin:8px 12px}.toc-print{color:var(--c-text-dim)}.toc-print:hover{color:var(--c-text)}.details-scroll-row{display:flex;gap:32px;overflow-x:auto;padding-bottom:20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--c-border) transparent}.details-scroll-row::-webkit-scrollbar{height:6px}.details-scroll-row::-webkit-scrollbar-track{background:transparent}.details-scroll-row::-webkit-scrollbar-thumb{background:var(--c-border2);border-radius:3px}.details-scroll-item{flex:0 0 300px;display:flex;flex-direction:column;align-items:center;gap:20px;scroll-snap-align:start}.details-item-info{width:100%}.details-item-name{font-weight:700;font-size:.9rem;color:var(--c-text)}.c4d-hscroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--c-border) transparent}.c4d-hscroll::-webkit-scrollbar{height:6px}.c4d-hscroll::-webkit-scrollbar-thumb{background:var(--c-border2);border-radius:3px}.c4d-hitem{flex:0 0 640px;height:360px;border-radius:var(--r-lg);overflow:hidden;position:relative;cursor:zoom-in;scroll-snap-align:start;background:var(--c-surface2);transition:transform var(--t-fast),box-shadow var(--t-fast)}.c4d-hitem:hover{transform:scale(1.01);box-shadow:var(--shadow-lg)}.c4d-hitem .lazy-img-wrap{height:100%}.c4d-hitem img{object-fit:cover}.portfolio-footer{text-align:center;padding:24px;font-size:.78rem;color:var(--c-text-dim);border-top:1px solid var(--c-border)}@media print{.portfolio-nav,.portfolio-footer,.lightbox,.portfolio-toc{display:none!important}.portfolio-body{display:block}.portfolio-works{padding:0}.portfolio-page{background:#fff;color:#000}.resume-hero{min-height:unset;padding:20px 0}.resume-hero-bg{display:none}.resume-name{color:#000}.resume-skill-tag{border-color:#ccc;color:#333}.portfolio-section-title{color:#000}.image-card{break-inside:avoid;border-color:#eee}.details-scroll-row,.c4d-hscroll{flex-wrap:wrap;overflow:visible}.c4d-hitem{flex:0 0 calc(50% - 8px);height:240px}}@media (max-width: 1024px){.portfolio-body{grid-template-columns:1fr;padding:0 20px 60px}.portfolio-toc{display:none}.portfolio-works{padding:0}.resume-split{grid-template-columns:1fr;gap:32px}.resume-left{align-items:center;text-align:center}.resume-contacts-v{align-items:center}.details-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.c4d-hitem{flex:0 0 480px;height:270px}}@media (max-width: 768px){.resume-hero{padding:80px 16px 60px}.portfolio-nav-links{display:none}.masonry-grid{columns:2}.c4d-hitem{flex:0 0 300px;height:170px}.portfolio-nav-inner{padding:8px 16px}.resume-container{max-width:100%}.details-grid{grid-template-columns:1fr}.details-item{width:100%;max-width:320px;margin:0 auto}}@media (max-width: 480px){.masonry-grid{columns:1}.retouch-grid{grid-template-columns:1fr}.c4d-hitem{flex:0 0 260px;height:146px}.resume-name{font-size:2.2rem}}@media (min-width: 1920px){.portfolio-body{max-width:1600px}.details-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.resume-name{font-size:4.5rem}}:root{--font-sans: "Inter", "Noto Sans SC", -apple-system, system-ui, sans-serif;--c-bg: #0a0b0f;--c-surface: #111218;--c-surface2: #1a1c26;--c-surface3: #222535;--c-border: rgba(255,255,255,.08);--c-border2: rgba(255,255,255,.14);--c-primary: #7c6ef5;--c-primary-h: #9b8cff;--c-accent: #f5a623;--c-danger: #ff5b5b;--c-success: #3ecf8e;--c-text: #e8eaf0;--c-text-muted:#8b90a6;--c-text-dim: #545870;--grad-primary: linear-gradient(135deg, #7c6ef5 0%, #c56ef5 100%);--grad-accent: linear-gradient(135deg, #f5a623 0%, #ff6b6b 100%);--grad-surface: linear-gradient(180deg, #1a1c26 0%, #111218 100%);--grad-glow: radial-gradient(ellipse at 50% 0%, rgba(124,110,245,.15) 0%, transparent 70%);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 40px rgba(0,0,0,.5);--shadow-glow: 0 0 30px rgba(124,110,245,.25);--r-sm: 6px;--r-md: 12px;--r-lg: 20px;--r-xl: 28px;--t-fast: .15s ease;--t-med: .25s ease;--t-slow: .4s ease;--studio-sidebar: 260px;--studio-max: 1440px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);line-height:1.6;min-height:100vh;overflow-x:hidden}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-surface3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-primary)}.text-gradient{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--r-md);font-size:.875rem;font-weight:600;transition:all var(--t-fast);white-space:nowrap}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 15px #7c6ef566}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 25px #7c6ef58c}.btn-ghost{background:var(--c-surface2);color:var(--c-text);border:1px solid var(--c-border2)}.btn-ghost:hover{background:var(--c-surface3);border-color:var(--c-primary)}.btn-accent{background:var(--grad-accent);color:#fff;box-shadow:0 4px 15px #f5a62359}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 6px 25px #f5a62380}.btn-sm{padding:7px 14px;font-size:.8rem;border-radius:var(--r-sm)}.btn-lg{padding:14px 32px;font-size:1rem;border-radius:var(--r-lg)}.btn-icon{padding:8px;border-radius:var(--r-sm)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.8rem;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em}.form-label.required:after{content:" *";color:var(--c-danger)}.form-input,.form-textarea,.form-select{background:var(--c-surface2);border:1.5px solid var(--c-border);border-radius:var(--r-md);color:var(--c-text);padding:11px 14px;font-size:.9rem;transition:border-color var(--t-fast),box-shadow var(--t-fast);outline:none;width:100%}.form-input::placeholder,.form-textarea::placeholder{color:var(--c-text-dim)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #7c6ef526}.form-textarea{resize:vertical;min-height:80px;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row.cols3{grid-template-columns:1fr 1fr 1fr}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:24px}.card-glass{background:#1a1c26b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--c-border);border-radius:var(--r-lg)}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.tag-primary{background:#7c6ef526;color:var(--c-primary-h);border:1px solid rgba(124,110,245,.3)}.tag-accent{background:#f5a62326;color:var(--c-accent);border:1px solid rgba(245,166,35,.35)}.tag-success{background:#3ecf8e1f;color:var(--c-success);border:1px solid rgba(62,207,142,.3)}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-icon{width:40px;height:40px;border-radius:var(--r-sm);background:#7c6ef526;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.section-title{font-size:1.1rem;font-weight:700;color:var(--c-text)}.section-subtitle{font-size:.8rem;color:var(--c-text-muted);margin-top:2px}.divider{border:none;border-top:1px solid var(--c-border);margin:24px 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--c-border2);border-top-color:var(--c-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .4s ease both}.animate-scale-in{animation:fadeInScale .3s ease both}.skeleton{background:linear-gradient(90deg,var(--c-surface2) 25%,var(--c-surface3) 50%,var(--c-surface2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-sm)}.tooltip{position:relative}.tooltip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--c-surface3);color:var(--c-text);font-size:.75rem;padding:5px 10px;border-radius:var(--r-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--t-fast);box-shadow:var(--shadow-md);z-index:100}.tooltip:hover:after{opacity:1}.progress-bar{width:100%;height:4px;background:var(--c-surface3);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--grad-primary);border-radius:2px;transition:width .3s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.modal-box{background:var(--c-surface);border:1px solid var(--c-border2);border-radius:var(--r-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:fadeInScale .25s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--c-border)}.modal-body{padding:24px}@media print{body{background:#fff;color:#000}.studio-layout,.studio-sidebar,.studio-header,.no-print,nav{display:none!important}.portfolio-page{padding:0}}@media (max-width: 768px){.form-row,.form-row.cols3{grid-template-columns:1fr}}