.dd-page{background:var(--semantic-bg-default);padding-top:var(--nav-offset);padding-bottom:var(--space-64)}body:has(.dd-page) .floating-cta{display:none}.dd-banner{position:relative;min-height:430px;background-color:var(--semantic-bg-brand-strong);background-size:cover;background-position:50%;display:flex;align-items:flex-end}.dd-banner__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(52,64,75,.15),rgba(52,64,75,.65));pointer-events:none}.dd-banner__inner{position:relative;z-index:1;padding:var(--space-24) 0;width:100%}.dd-breadcrumb{display:flex;align-items:center;gap:var(--space-8);font-family:var(--font-cn);font-size:var(--type-cn-body-small-size);color:hsla(0,0%,100%,.92)}.dd-breadcrumb a{color:hsla(0,0%,100%,.85);text-decoration:none}.dd-breadcrumb a:hover{color:#fff}.dd-breadcrumb__sep{color:hsla(0,0%,100%,.5)}.dd-profile{display:grid;grid-template-columns:120px 1fr auto;gap:var(--space-32);align-items:center;background:var(--semantic-bg-default);border-radius:var(--radius-md);padding:var(--space-32);margin-top:calc(-1 * var(--space-48));max-width:min(1440px,calc(100% - 2 * var(--space-24)));position:relative;z-index:2;box-shadow:var(--shadow-lg)}.dd-profile__avatar{width:120px;height:120px;border-radius:var(--radius-pill);object-fit:cover;border:4px solid var(--semantic-bg-default)}.dd-profile__info{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}.dd-profile__firm{font-family:var(--font-cn);font-size:var(--type-cn-title-medium-size);color:var(--semantic-text-secondary)}.dd-profile__name-row{display:flex;align-items:baseline;gap:var(--space-8)}.dd-profile__name{font-family:var(--font-cn);font-size:var(--type-cn-headline-small-size);line-height:var(--type-cn-headline-small-line);font-weight:var(--type-cn-headline-small-weight);color:var(--semantic-text-primary);margin:0}.dd-profile__desc{font-family:var(--font-cn);font-size:var(--type-cn-body-large-size);line-height:var(--type-cn-body-large-line);color:var(--semantic-text-secondary)}@media (max-width:768px){.dd-banner{min-height:240px}.dd-profile{display:block;text-align:center;margin-top:calc(-1 * var(--space-32));padding:calc(60px + var(--space-12)) var(--space-24) var(--space-24)}.dd-profile__avatar{position:absolute;top:-60px;left:50%;transform:translateX(-50%);margin:0}.dd-profile__name-row,.dd-social-list{justify-content:center}body:has(.dd-page){padding-bottom:72px}}.dd-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24);margin-top:var(--space-32)}@media (max-width:768px){.dd-meta-grid{grid-template-columns:1fr}}.dd-meta-grid--embedded{margin-top:0;grid-template-columns:1fr}.dd-company__content>.dd-meta-grid--embedded:not(:first-child){padding-top:var(--space-24);border-top:1px solid var(--semantic-border-subtle)}.dd-meta-card{background:var(--semantic-bg-subtle);border-radius:var(--radius-md);padding:var(--space-24)}.dd-meta-card__title{font-family:var(--font-cn);font-size:var(--type-cn-title-medium-size);font-weight:var(--type-cn-title-medium-weight);color:var(--semantic-text-primary);margin:0 0 var(--space-16);padding-bottom:var(--space-12);border-bottom:1px solid var(--semantic-border-subtle)}.dd-meta-list{display:flex;flex-direction:column;gap:var(--space-12);margin:0}.dd-meta-list__row{display:grid;grid-template-columns:80px 1fr;gap:var(--space-12);font-family:var(--font-cn);font-size:var(--type-cn-body-medium-size);line-height:1.7}.dd-meta-list__row dt{color:var(--semantic-text-tertiary);font-weight:500}.dd-meta-list__row dd{margin:0;color:var(--semantic-text-primary);word-break:break-word}.dd-meta-list__row dd a{color:var(--semantic-text-primary);text-decoration:none}.dd-meta-list__row dd a:hover{text-decoration:underline}.dd-meta-branches{display:flex;flex-direction:column;gap:var(--space-16);margin-top:var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--semantic-border-subtle)}.dd-meta-branch__title{font-family:var(--font-cn);font-size:var(--type-cn-body-medium-size);font-weight:700;color:var(--semantic-text-primary);margin:0 0 var(--space-8)}.dd-meta-branch .dd-meta-list{gap:var(--space-4)}.dd-works{margin-top:var(--space-48)}.dd-tabs__bar{display:flex;gap:var(--space-8);border-bottom:1px solid var(--semantic-border-subtle);margin-bottom:var(--space-24);overflow-x:auto;scrollbar-width:none}.dd-tabs__bar::-webkit-scrollbar{display:none}.dd-tab{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-20);border:none;background:transparent;font-family:var(--font-cn);font-size:var(--type-cn-body-large-size);font-weight:500;color:var(--semantic-text-secondary);cursor:pointer;position:relative;white-space:nowrap;transition:color var(--motion-base)}.dd-tab:hover{color:var(--semantic-text-primary)}.dd-tab--active{color:var(--semantic-brand-primary)}.dd-tab--active:after{content:"";position:absolute;left:var(--space-20);right:var(--space-20);bottom:-1px;height:3px;background:var(--semantic-brand-primary);border-radius:2px 2px 0 0}.dd-tab__count{font-family:var(--font-en);font-size:var(--type-cn-body-small-size);color:var(--semantic-text-tertiary);background:var(--semantic-bg-subtle);padding:2px 8px;border-radius:var(--radius-pill)}.dd-tab--active .dd-tab__count{background:var(--semantic-brand-primary-soft,var(--primitive-primary-100));color:var(--semantic-brand-primary)}.dd-tabs__empty{text-align:center;padding:var(--space-48) 0;color:var(--semantic-text-tertiary);font-family:var(--font-cn);font-size:var(--type-cn-body-medium-size)}@media (max-width:768px){.dd-tabs__bar{gap:var(--space-4)}.dd-tab{padding:var(--space-8) var(--space-12)}.dd-tab--active:after{left:var(--space-12);right:var(--space-12)}}.dd-tabs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--space-24)}.dd-tabs__grid .vl-card{width:100%}.dd-card{display:block;text-decoration:none;color:inherit;border-radius:var(--radius-md);overflow:hidden;background:var(--semantic-bg-default);transition:transform var(--motion-base),box-shadow var(--motion-base)}.dd-card:hover{transform:translateY(-2px)}.dd-card__cover{aspect-ratio:3/2;overflow:hidden;position:relative;background:var(--semantic-bg-subtle)}.dd-card__cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--motion-slow)}.dd-card:hover .dd-card__cover img{transform:scale(1.04)}.dd-card__views{position:absolute;right:var(--space-12);bottom:var(--space-12);font-family:var(--font-en);font-size:var(--type-cn-body-small-size);color:#fff;background:rgba(0,0,0,.55);padding:4px 10px;border-radius:var(--radius-pill)}.dd-card__body{padding:var(--space-16) var(--space-4)}.dd-card__title{font-family:var(--font-cn);font-size:var(--type-cn-body-large-size);font-weight:500;color:var(--semantic-text-primary);margin:0 0 var(--space-8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.dd-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-4)}.dd-card__tag{font-family:var(--font-cn);font-size:var(--type-cn-body-small-size);color:var(--semantic-text-secondary);background:var(--semantic-bg-subtle);padding:2px 8px;border-radius:var(--radius-xs)}.dd-banner__picture{position:absolute;inset:0;z-index:0}.dd-banner__picture img{width:100%;height:100%;object-fit:cover}.dd-profile__sub{color:var(--semantic-text-tertiary)}.dd-profile__approve,.dd-profile__sub{font-family:var(--font-cn);font-size:var(--type-cn-body-small-size)}.dd-profile__approve{display:inline-flex;align-self:flex-start;align-items:center;padding:var(--space-4) var(--space-12);background:var(--semantic-brand-primary-soft);color:var(--semantic-text-accent);border-radius:var(--radius-pill);white-space:nowrap}.dd-social-list{list-style:none;padding:0;margin:var(--space-12) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-12)}.dd-social-list a{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:var(--radius-pill);transition:transform var(--motion-fast) ease,opacity var(--motion-fast) ease}.dd-social-list a:hover{transform:translateY(-2px);opacity:.85}.dd-social-list img{width:28px;height:28px;object-fit:contain}.dd-sort{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);margin:var(--space-12) 0 var(--space-16);font-family:var(--font-cn);font-size:var(--type-cn-body-medium-size)}.dd-sort,.dd-sort__btn{color:var(--semantic-text-secondary)}.dd-sort__btn{padding:4px 10px;border-radius:var(--radius-sm);text-decoration:none;transition:color var(--motion-fast),background var(--motion-fast)}.dd-sort__btn:hover{color:var(--semantic-text-primary)}.dd-sort__btn.is-active{color:var(--semantic-brand-primary);font-weight:700}.dd-sort__sep{color:var(--semantic-text-tertiary)}.dd-company{display:grid;grid-template-columns:1fr;gap:var(--space-32);padding:var(--space-16) 0}@media (min-width:769px){.dd-company{grid-template-columns:minmax(0,1fr) 320px}}.dd-company__content{display:flex;flex-direction:column;gap:var(--space-24);min-width:0}.dd-company__heading{font-family:var(--font-cn);font-size:var(--type-cn-headline-small-size);font-weight:700;color:var(--semantic-text-primary);margin:0 0 var(--space-16)}.dd-company__text{font-family:var(--font-cn);font-size:var(--type-cn-body-large-size);line-height:1.85;color:var(--semantic-text-secondary);white-space:pre-wrap;margin:0}.dd-company__fb{border-radius:var(--radius-md);overflow:hidden;background:var(--semantic-bg-subtle);align-self:start;max-width:100%;width:100%;box-sizing:border-box}.dd-company__fb iframe{max-width:100%;display:block}.dd-seo-keywords{margin-top:var(--space-40);padding-top:var(--space-20);border-top:1px solid var(--semantic-border-subtle);font-family:var(--font-cn);font-size:var(--type-cn-body-small-size);color:var(--semantic-text-tertiary);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-8)}.dd-seo-keywords ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-4)}.dd-seo-keywords li a{display:inline-block;padding:4px 10px;background:var(--semantic-bg-subtle);border-radius:var(--radius-pill);color:var(--semantic-text-secondary);text-decoration:none;transition:background var(--motion-fast),color var(--motion-fast)}.dd-seo-keywords li a:hover{background:var(--semantic-brand-primary-soft);color:var(--semantic-text-accent)}.dd-profile-cta{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-8);align-self:center;min-width:160px}@media (max-width:768px){.dd-profile-cta{position:fixed;left:0;right:0;bottom:0;z-index:50;flex-direction:row;padding:var(--space-12) var(--space-16);padding-bottom:calc(var(--space-12) + env(safe-area-inset-bottom));background:var(--semantic-bg-default);border-top:1px solid var(--semantic-border-default);box-shadow:0 -2px 12px rgba(52,64,75,.08)}.dd-profile-cta .btn{flex:1}.dd-profile__approve{align-self:center}}.dd-share__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);background:none;border:none;cursor:pointer;padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm)}.dd-share__btn svg{flex-shrink:0;width:20px;height:20px;stroke:var(--semantic-text-primary);fill:none;transition:fill var(--motion-fast),stroke var(--motion-fast),transform var(--motion-fast)}.dd-share__btn--fav:hover svg{stroke:var(--semantic-text-accent)}.dd-share__btn--fav[data-favorited=true] svg{fill:var(--semantic-status-error);stroke:var(--semantic-status-error)}.dd-share__btn--fav:active svg{transform:scale(1.2)}.dd-share__btn--fav:disabled{cursor:not-allowed;opacity:.6}