.vd-page{background:var(--semantic-bg-default);padding-top:var(--nav-offset);padding-bottom:var(--space-48)}.vd-crumb{margin:0 0 var(--space-24);padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-8);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);font-weight:var(--type-cn-body-small-weight);color:var(--semantic-text-tertiary)}.vd-crumb a{color:var(--semantic-text-secondary)}.vd-crumb a:hover{color:var(--semantic-text-accent)}.vd-crumb__sep{color:var(--semantic-text-tertiary)}.vd-crumb__current{color:var(--semantic-text-primary);font-weight:var(--type-cn-title-small-weight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.vd-header{margin-bottom:var(--space-24)}.vd-title{margin:0 0 var(--space-12);color:var(--semantic-text-primary);line-height:1.45;letter-spacing:-.01em}.vd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);font-weight:var(--type-cn-body-small-weight);color:var(--semantic-text-secondary)}.vd-meta__dot{width:3px;height:3px;border-radius:50%;background:var(--semantic-text-tertiary)}.vd-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-32);align-items:start}@media (max-width:1024px){.vd-layout{grid-template-columns:1fr;gap:var(--space-24)}}.vd-main{min-width:0}.vd-player{position:relative;aspect-ratio:16/9;background:#000;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-24)}.vd-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.vd-player__fallback{display:flex;align-items:center;justify-content:center;height:100%;color:var(--semantic-text-tertiary);font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);font-weight:var(--type-cn-body-medium-weight)}.vd-desc{padding:var(--space-24);background:var(--semantic-bg-subtle);border-radius:var(--radius-md);font-size:var(--type-cn-body-large-size);line-height:1.85;color:var(--semantic-text-primary);margin-bottom:var(--space-24)}.vd-desc h1,.vd-desc h2,.vd-desc h3,.vd-desc p{margin:0 0 var(--space-12)}.vd-desc h1,.vd-desc h2,.vd-desc h3{font-size:var(--type-cn-body-large-size);line-height:var(--type-cn-body-large-line);font-weight:var(--type-cn-title-medium-weight)}.vd-desc :last-child{margin-bottom:0}.vd-desc img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:var(--space-12) 0}.vd-desc a{color:var(--semantic-text-accent);text-decoration:underline}.vd-share{margin-bottom:var(--space-24);padding:var(--space-16) var(--space-20);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-md);background:var(--semantic-bg-subtle)}.vd-share__lead{margin:0 0 var(--space-12);font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);font-weight:600;color:var(--semantic-text-primary)}.vd-share__actions{display:flex;flex-wrap:wrap;gap:var(--space-8)}.vd-share__btn{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-sm);background:var(--semantic-bg-default);color:var(--semantic-text-primary);font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);font-weight:500;cursor:pointer;transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}.vd-share__btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-xs)}.vd-share__btn svg{flex-shrink:0}.vd-share__btn--line:hover{background:#06c755;border-color:#06c755;color:var(--semantic-text-inverse)}.vd-share__btn--fb:hover{background:#1877f2;border-color:#1877f2;color:var(--semantic-text-inverse)}.vd-share__btn--copy:hover{background:var(--semantic-text-primary);border-color:var(--semantic-text-primary);color:var(--semantic-text-inverse)}.vd-share__btn--fav:hover{background:var(--semantic-brand-primary-soft);border-color:var(--semantic-border-accent);color:var(--semantic-text-accent)}.vd-share__btn--fav[data-favorited=true]{background:var(--semantic-brand-primary-soft);border-color:var(--semantic-status-error);color:var(--semantic-status-error)}.vd-share__btn--fav[data-favorited=true] svg{fill:var(--semantic-status-error);stroke:var(--semantic-status-error)}.vd-share__btn--fav:disabled{cursor:not-allowed;opacity:.6}.vd-share__btn--native{display:none}@media (hover:none) and (pointer:coarse){.vd-share__btn--native{display:inline-flex}.vd-share__btn--native:hover{background:var(--semantic-text-primary);border-color:var(--semantic-text-primary);color:var(--semantic-text-inverse)}}.vd-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);margin-bottom:var(--space-32)}.vd-tags__label{font-size:var(--type-cn-label-large-size);line-height:var(--type-cn-label-large-line);font-weight:var(--type-cn-label-large-weight);color:var(--semantic-text-primary);margin-right:var(--space-4)}.vd-tag{padding:var(--space-4) var(--space-12);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);font-weight:var(--type-cn-body-small-weight);color:var(--semantic-text-secondary);background:var(--semantic-bg-subtle);border-radius:var(--radius-pill)}.vd-related-case{display:flex;gap:var(--space-16);margin-bottom:var(--space-32);padding:var(--space-16);background:var(--semantic-bg-default);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-md);transition:all var(--motion-base) ease}.vd-related-case:hover{border-color:var(--semantic-brand-primary);box-shadow:var(--shadow-md)}.vd-related-case__cover{flex-shrink:0;width:160px;aspect-ratio:16/10;background:var(--semantic-bg-subtle);border-radius:var(--radius-sm);overflow:hidden}.vd-related-case__cover img{width:100%;height:100%;object-fit:cover;display:block}.vd-related-case__body{display:flex;flex-direction:column;justify-content:center;gap:var(--space-4)}.vd-related-case__eyebrow{font-size:var(--type-cn-label-small-size);line-height:var(--type-cn-label-small-line);font-weight:var(--type-cn-label-small-weight);letter-spacing:.12em;color:var(--semantic-brand-primary);text-transform:uppercase}.vd-related-case__title{margin:0;font-size:var(--type-cn-title-medium-size);line-height:var(--type-cn-title-medium-line);font-weight:var(--type-cn-title-medium-weight);color:var(--semantic-text-primary)}@media (max-width:540px){.vd-related-case{flex-direction:column}.vd-related-case__cover{width:100%}}.vd-section-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 var(--space-16);padding-bottom:var(--space-12);border-bottom:2px solid var(--semantic-brand-primary)}.vd-section-head__title{margin:0;font-size:var(--type-cn-title-large-size);line-height:var(--type-cn-title-large-line);font-weight:var(--type-cn-title-medium-weight);color:var(--semantic-text-primary)}.vd-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-16);margin-bottom:var(--space-32)}@media (max-width:768px){.vd-video-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.vd-video-grid{grid-template-columns:1fr}}.vd-video-card{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden;background:var(--semantic-bg-default);border:1px solid var(--semantic-border-subtle);transition:all var(--motion-base) ease}.vd-video-card:hover{border-color:var(--semantic-brand-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.vd-video-card__cover{position:relative;aspect-ratio:16/9;background:var(--semantic-bg-subtle);overflow:hidden}.vd-video-card__cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--motion-slow) ease}.vd-video-card:hover .vd-video-card__cover img{transform:scale(1.05)}.vd-video-card__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5));color:hsla(0,0%,100%,.92);opacity:0;transition:opacity var(--motion-base) ease}.vd-video-card:hover .vd-video-card__play{opacity:1}.vd-video-card__play svg{width:48px;height:48px}.vd-video-card__title{margin:0;padding:var(--space-12);font-size:var(--type-cn-label-large-size);line-height:var(--type-cn-label-large-line);font-weight:var(--type-cn-label-large-weight);color:var(--semantic-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vd-aside{position:sticky;top:108px}@media (max-width:1024px){.vd-aside{position:static}}.vd-designer-card{padding:var(--space-24);background:var(--semantic-bg-default);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.vd-designer-card__head{display:flex;align-items:center;gap:var(--space-12);margin-bottom:var(--space-16)}.vd-designer-card__avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--semantic-bg-subtle);flex-shrink:0}.vd-designer-card__name{margin:0 0 2px;font-size:var(--type-cn-title-medium-size);line-height:var(--type-cn-title-medium-line);font-weight:var(--type-cn-title-medium-weight);color:var(--semantic-text-primary)}.vd-designer-card__company{font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);font-weight:var(--type-cn-body-small-weight);color:var(--semantic-text-secondary)}.vd-designer-card__phone{display:block;margin-top:var(--space-8);padding:var(--space-12);background:var(--semantic-brand-primary-soft);color:var(--semantic-brand-primary);text-align:center;font-size:var(--type-cn-label-large-size);line-height:var(--type-cn-label-large-line);font-weight:var(--type-cn-label-large-weight);border-radius:var(--radius-sm)}.vd-designer-card__phone:hover{background:var(--semantic-brand-primary);color:var(--semantic-text-inverse)}.vd-designer-card__link{display:block;margin-top:var(--space-8);padding:var(--space-12);text-align:center;font-size:var(--type-cn-label-large-size);line-height:var(--type-cn-label-large-line);font-weight:var(--type-cn-label-large-weight);color:var(--semantic-text-accent);border:1px solid var(--semantic-border-accent);border-radius:var(--radius-sm);transition:all var(--motion-fast) ease}.vd-designer-card__link:hover{background:var(--semantic-brand-primary-soft)}.vd-designer-empty{padding:var(--space-24);text-align:center;background:var(--semantic-bg-subtle);border-radius:var(--radius-lg);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);font-weight:var(--type-cn-body-small-weight);color:var(--semantic-text-tertiary)}